:root {
  --ink: #14213d;
  --muted: #5f6f86;
  --line: #dce5f0;
  --canvas: #edf2f8;
  --surface: #ffffff;
  --teal: #22d3ee;
  --teal-pale: #e6faff;
  --coral: #e66646;
  --orange: #f29c38;
  --purple: #8b5cf6;
  --market-product: #2f6fba;
  --market-product-pale: #eaf2fb;
  --market-bundle: #7657b8;
  --market-bundle-pale: #f0ecfb;
  --market-creator: #c026d3;
  --market-creator-pale: #fdf0ff;
  --market-demand: #bd741c;
  --market-demand-pale: #fff2df;
  --dark: #0f1b35;
  --shadow: 0 14px 30px rgba(15, 27, 53, 0.11);
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; color: var(--ink); background: var(--canvas); font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 15px; line-height: 1.55; }
button, input, select { font: inherit; }
button { cursor: pointer; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid rgba(15, 157, 138, 0.32); outline-offset: 2px; }

.app-frame { min-height: 100vh; }
.topbar { height: 72px; padding: 0 max(24px, calc((100vw - 1440px) / 2)); display: flex; align-items: center; gap: 42px; background: rgba(255, 255, 255, 0.96); border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 20; }
.brand { min-width: 194px; display: inline-flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; font-size: 22px; font-weight: 850; letter-spacing: 0; }
.brand small { color: #7c8ca6; font-size: 9px; letter-spacing: 1.1px; font-weight: 800; }
.brand-mark { width: 36px; height: 36px; display: grid; place-items: center; color: #67e8f9; background: var(--dark); border: 1px solid rgba(34, 211, 238, 0.64); border-radius: 10px; box-shadow: 0 7px 15px rgba(15, 27, 53, 0.2); }
.brand-mark svg { width: 20px; height: 20px; stroke-width: 2.4; }
.main-nav { height: 100%; display: flex; align-items: center; gap: 30px; }
.main-nav a { height: 100%; display: grid; place-items: center; position: relative; color: var(--muted); text-decoration: none; font-weight: 650; }
.main-nav a.active { color: var(--ink); }
.main-nav a.active::after { content: ""; position: absolute; bottom: 0; width: 28px; height: 3px; background: var(--teal); border-radius: 3px 3px 0 0; }
.topbar-actions { margin-left: auto; display: flex; align-items: center; gap: 12px; }
.topbar-actions .primary-button.compact { flex-shrink: 0; white-space: nowrap; }
.auth-entry { min-height: 32px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #b5ded7; border-radius: 5px; color: #087d6d; background: white; font-size: 11px; font-weight: 750; text-decoration: none; white-space: nowrap; }
.auth-entry:hover { color: white; border-color: var(--teal); background: var(--teal); }
.auth-status { color: #087d6d; font-size: 11px; font-weight: 700; white-space: nowrap; }
.topbar-auth-status { max-width: 150px; overflow: hidden; text-overflow: ellipsis; }
.auth-exit { min-height: 30px; padding: 0 8px; border: 1px solid #f0c2b6; border-radius: 5px; color: #a54835; background: #fff8f6; font-size: 11px; font-weight: 700; white-space: nowrap; }
.auth-exit:hover { color: white; border-color: var(--coral); background: var(--coral); }
.role-switcher { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 11px; white-space: nowrap; }
.role-switcher select { min-height: 28px; padding: 0 7px; border: 1px solid var(--line); border-radius: 4px; color: var(--ink); background: white; font-size: 11px; }
.icon-button, .more-button { width: 36px; height: 36px; display: inline-grid; place-items: center; border: 0; color: var(--muted); background: transparent; position: relative; border-radius: 6px; }
.icon-button:hover, .more-button:hover { color: var(--ink); background: #f1f3f5; }
.icon-button svg, .more-button svg { width: 18px; }
.notification-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--coral); position: absolute; top: 8px; right: 8px; border: 1px solid white; }
.notification-center { position: relative; display: inline-flex; align-items: center; }
.notification-badge { min-width: 18px; height: 18px; padding: 0 4px; display: inline-grid; place-items: center; position: absolute; top: 0; right: -2px; border: 2px solid white; border-radius: 999px; color: white; background: var(--coral); font-size: 9px; font-weight: 800; line-height: 1; }
.notification-panel { width: min(360px, calc(100vw - 24px)); padding: 14px; display: grid; position: absolute; top: calc(100% + 10px); right: 0; z-index: 50; gap: 10px; border: 1px solid var(--line); border-radius: 8px; background: white; box-shadow: 0 18px 36px rgba(15, 27, 53, 0.18); }
.notification-panel-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 8px; border-bottom: 1px solid var(--line); }
.notification-panel-header h2 { margin: 0; color: var(--ink); font-size: 15px; }
.notification-close { width: 28px; height: 28px; padding: 0; border: 0; border-radius: 5px; color: var(--muted); background: transparent; font-size: 11px; }
.notification-close:hover { color: var(--ink); background: #f1f3f5; }
.notification-state, .notification-empty { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.notification-list { display: grid; gap: 8px; max-height: min(420px, calc(100vh - 180px)); overflow-y: auto; }
.notification-row { min-width: 0; padding: 10px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid var(--line); border-radius: 6px; background: #fbfcfe; }
.notification-row-content { min-width: 0; }
.notification-row-title { display: block; overflow: hidden; color: var(--ink); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.notification-row-meta { margin: 3px 0 0; color: var(--muted); font-size: 10px; line-height: 1.45; overflow-wrap: anywhere; }
.notification-row-link { flex: 0 0 auto; color: #1769aa; font-size: 11px; font-weight: 750; text-decoration: none; white-space: nowrap; }
.notification-row-link:hover { text-decoration: underline; }
.notification-retry { width: 100%; min-height: 32px; }
.avatar { width: 32px; height: 32px; border: 0; border-radius: 50%; color: #5e4c00; background: #ffdf76; font-weight: 750; }
.primary-button, .secondary-button, .outline-button { min-height: 44px; padding: 0 17px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 7px; font-weight: 750; font-size: 14px; }
.primary-button { border: 1px solid var(--teal); color: white; background: var(--teal); }
.primary-button:hover { background: #087d6d; border-color: #087d6d; }
.primary-button svg, .outline-button svg, .secondary-button svg { width: 16px; }
.workspace { width: min(1440px, 100%); margin: 0 auto; padding: 34px 24px 56px; }
.search-hero { max-width: none; margin: -34px -24px 50px; padding: 70px max(24px, calc((100vw - 1180px) / 2)) 34px; color: #f7fbff; background: var(--dark); border-bottom: 1px solid rgba(34, 211, 238, 0.28); box-shadow: 0 16px 30px rgba(15, 27, 53, 0.13); }
.search-hero-copy { max-width: 720px; }
.search-hero-copy h1 { margin-bottom: 12px; font-size: clamp(38px, 5vw, 58px); font-weight: 850; line-height: 1.08; letter-spacing: -0.5px; }
.search-hero-copy p:not(.eyebrow) { margin-bottom: 26px; color: #b8c7dd; font-size: 16px; }
.global-search { display: grid; grid-template-columns: minmax(0, 1fr) auto auto 112px; align-items: stretch; gap: 10px; }
.search-input-wrap { min-width: 0; min-height: 60px; padding: 0 17px; display: flex; align-items: center; gap: 10px; border: 1px solid #c9d8e8; border-radius: 8px; background: var(--surface); box-shadow: 0 8px 20px rgba(4, 12, 28, 0.18); }
.search-input-wrap:focus-within { border-color: var(--teal); box-shadow: 0 0 0 4px rgba(34, 211, 238, 0.18); }
.search-input-wrap svg { width: 19px; color: #8c99a7; flex: 0 0 auto; }
.search-input-wrap input { width: 100%; border: 0; outline: 0; color: var(--ink); background: transparent; font-size: 16px; }
.search-filter { min-width: 102px; min-height: 60px; padding: 0 8px; display: inline-flex; align-items: center; gap: 6px; color: #b8c7dd; font-size: 12px; font-weight: 700; white-space: nowrap; }
.search-filter select { min-width: 0; max-width: 100%; min-height: 34px; padding: 0 6px; border: 1px solid #3b5372; border-radius: 5px; color: #f7fbff; background: rgba(255, 255, 255, 0.05); font-size: 12px; }
.global-search > .primary-button { width: 112px; min-width: 112px; min-height: 60px; }
.search-shortcuts { margin-top: 14px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.search-tabs { display: flex; gap: 6px; overflow-x: auto; }
.search-tab { min-height: 33px; padding: 0 11px; border: 1px solid transparent; border-radius: 5px; color: #6f7c8d; background: transparent; font-size: 12px; font-weight: 700; white-space: nowrap; }
.search-tab[data-tone] { display: inline-flex; align-items: center; gap: 6px; }
.search-tab[data-tone]::before { content: ""; width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: var(--tab-tone); }
.search-tab[data-tone="product"] { --tab-tone: var(--market-product); --tab-pale: var(--market-product-pale); }
.search-tab[data-tone="bundle"] { --tab-tone: var(--market-bundle); --tab-pale: var(--market-bundle-pale); }
.search-tab[data-tone="creator"] { --tab-tone: var(--market-creator); --tab-pale: var(--market-creator-pale); }
.search-tab[data-tone="demand"] { --tab-tone: var(--market-demand); --tab-pale: var(--market-demand-pale); }
.search-tab[data-tone]:hover, .search-tab[data-tone].active { color: var(--tab-tone); border-color: color-mix(in srgb, var(--tab-tone) 35%, white); background: var(--tab-pale); }
.search-tab[data-search-type="all"]:hover, .search-tab[data-search-type="all"].active { color: #087d6d; border-color: #b5ded7; background: var(--teal-pale); }
.search-sort { min-height: 33px; padding: 0 9px; display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 5px; color: var(--muted); background: white; font-size: 11px; }
.search-sort select { border: 0; outline: 0; color: var(--ink); background: white; font-size: 11px; font-weight: 700; }
.hot-industries { margin-top: 15px; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; color: #7f8b9a; font-size: 11px; }
.hot-industries button { min-height: 26px; padding: 0 8px; border: 0; border-radius: 4px; color: #566579; background: #eef2f4; font-size: 11px; }
.hot-industries button:hover { color: #087d6d; background: var(--teal-pale); }
.market-results { max-width: 1180px; margin: 0 auto; }
.market-results-status { min-height: 22px; display: flex; justify-content: flex-end; align-items: center; color: var(--muted); font-size: 11px; }
.result-type-legend { margin-top: 9px; display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; color: #728094; font-size: 10px; font-weight: 700; }
.result-type-legend span { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.result-type-legend i { width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: #a8b2bf; }
.result-type-legend [data-result-tone="product"] i { background: var(--market-product); }
.result-type-legend [data-result-tone="creator"] i { background: var(--market-creator); }
.result-type-legend [data-result-tone="demand"] i { background: var(--market-demand); }
.result-count { color: var(--muted); font-size: 12px; }
.search-results { display: none; }
.market-section { margin-top: 46px; }
.market-section:first-of-type { margin-top: 16px; }
.market-section-heading { min-height: 68px; display: flex; align-items: end; justify-content: space-between; gap: 22px; }
.market-section-heading h3 { margin: 0 0 6px; font-size: 21px; font-weight: 780; line-height: 1.25; }
.market-section-heading p:not(.eyebrow) { max-width: 660px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.market-section-count { flex: 0 0 auto; color: var(--muted); font-size: 11px; }
.market-section-actions { display: flex; align-items: center; gap: 12px; }
.market-section-actions .outline-button { width: auto; min-height: 32px; }
.market-section-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 300px)); justify-content: center; column-gap: 24px; row-gap: 26px; margin-top: 20px; }
.market-section-card { width: min(100%, 300px); height: 300px; aspect-ratio: 1 / 1; min-height: 0; padding: 18px; display: flex; position: relative; flex-direction: column; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: white; box-shadow: 0 6px 18px rgba(20, 31, 49, 0.045); transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease; }
.market-section-card::after { content: ""; width: 100%; height: 3px; position: absolute; inset: 0 0 auto; background: var(--market-product); }
.search-result-card[data-result-type="creator"]::after { background: var(--market-creator); }
.search-result-card[data-result-type="demand"]::after { background: var(--market-demand); }
.search-result-card::before { content: ""; width: 3px; position: absolute; inset: 0 auto 0 0; background: #b8c2ce; }
.search-result-card[data-result-type="product"]::before { background: var(--market-product); }
.search-result-card[data-result-type="creator"]::before { background: var(--market-creator); }
.search-result-card[data-result-type="demand"]::before { background: var(--market-demand); }
.search-result-card:hover { transform: translateY(-2px); border-color: #c8d9d6; box-shadow: var(--shadow); }
.search-result-meta { min-height: 21px; display: flex; align-items: center; gap: 8px; color: #7e8998; font-size: 10px; }
.search-result-meta .mode-badge { position: static; padding: 3px 6px; }
.search-result-card .type-badge { color: white; }
.search-result-card[data-result-type="product"] .type-badge { background: var(--market-product); }
.search-result-card[data-result-type="creator"] .type-badge { background: var(--market-creator); }
.search-result-card[data-result-type="demand"] .type-badge { background: var(--market-demand); }
.sponsored-label { color: #a3620e; font-weight: 750; }
.search-result-body { display: flex; flex-direction: column; flex: 1; }
.search-result-body h3 { margin: 12px 0 6px; font-size: 17px; line-height: 1.35; }
.search-result-body .creator-product-title { margin: 16px 0 9px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 18px; line-height: 1.4; }
.result-owner { margin-bottom: 5px; color: #677589; font-size: 11px; }
.result-summary { min-height: 36px; margin-bottom: 10px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.search-result-footer { margin-top: auto; padding-top: 13px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid var(--line); }
.creator-result-footer { justify-content: space-between; }
.creator-credit { min-width: 0; overflow: hidden; display: inline-flex; align-items: center; justify-content: flex-start; color: #677589; font-size: 11px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.result-evidence { display: flex; flex-direction: column; gap: 2px; color: #7c8999; font-size: 10px; }
.result-evidence strong { color: var(--ink); font-size: 15px; }
.search-result-footer .card-action { flex: 0 0 auto; }
.market-trust-band { max-width: 1180px; margin: 38px auto 0; padding: 22px 24px; display: flex; align-items: center; justify-content: space-between; gap: 28px; border: 1px solid #d9ece8; background: #f2fbf9; }
.market-trust-band h2 { margin: 0 0 6px; font-size: 18px; }
.market-trust-band p:not(.eyebrow) { max-width: 720px; margin: 0; color: #637b7b; font-size: 12px; }
.trust-points { display: flex; gap: 13px; flex-wrap: wrap; flex: 0 0 auto; color: #28756a; font-size: 11px; font-weight: 700; }
.trust-points span { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.trust-points svg { width: 15px; }
.compact-hub { max-width: 1180px; margin: 40px auto 0; padding-top: 25px; }
.compact-hub .creator-heading { align-items: center; }
.compact-hub .outline-button { width: auto; flex: 0 0 auto; }
.empty-actions { display: flex; gap: 8px; }
.empty-actions .primary-button, .empty-actions .secondary-button { min-height: 34px; }
.legacy-filter-hooks { display: none !important; }
.legacy-progress { max-width: 1180px; margin: 18px auto 0; }
.legacy-progress .status-list { min-height: 1px; }
.legacy-progress .status-list-state { padding: 0; color: #8995a4; font-size: 11px; }
.market-cta-band { max-width: 1180px; margin: 48px auto 0; padding: 26px 30px; display: flex; align-items: center; gap: 18px; border: 1px solid #cde9e3; border-radius: 8px; background: #ffffff; box-shadow: 0 10px 28px rgba(20, 31, 49, 0.06); }
.market-cta-icon { width: 46px; height: 46px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 8px; color: #087d6d; background: var(--teal-pale); }
.market-cta-icon svg { width: 21px; }
.market-cta-copy { min-width: 0; }
.market-cta-copy h2 { margin: 0 0 5px; font-size: 21px; line-height: 1.3; }
.market-cta-copy p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 13px; }
.market-cta-action { margin-left: auto; flex: 0 0 auto; min-height: 42px; }
.market-entry-hierarchy { margin-top: 20px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.market-entry-card { min-width: 0; min-height: 94px; padding: 15px; display: flex; align-items: center; gap: 11px; position: relative; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); background: var(--surface); box-shadow: 0 5px 16px rgba(15, 27, 53, 0.05); text-decoration: none; transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease; }
.market-entry-card:hover { transform: translateY(-2px); border-color: #9db5d1; box-shadow: 0 12px 25px rgba(15, 27, 53, 0.11); }
.market-entry-card:focus-within { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.18); }
.market-entry-icon { width: 40px; height: 40px; display: grid; flex: 0 0 auto; place-items: center; border-radius: 8px; }
.market-entry-icon svg { width: 20px; }
.market-entry-copy { min-width: 0; display: grid; gap: 3px; }
.market-entry-copy strong { font-size: 15px; line-height: 1.3; }
.market-entry-copy small { color: var(--muted); font-size: 11px; line-height: 1.45; }
.market-entry-card .entry-arrow { margin-left: auto; width: 16px; color: #8d9aae; }
.market-entry-product .market-entry-icon { color: var(--market-product); background: var(--market-product-pale); }
.market-entry-creator .market-entry-icon { color: var(--market-creator); background: var(--market-creator-pale); }
.market-entry-demand .market-entry-icon { color: var(--market-demand); background: var(--market-demand-pale); }
.market-entry-demand { padding: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0; }
.market-entry-main { min-width: 0; padding: 15px; display: flex; align-items: center; gap: 11px; color: inherit; text-decoration: none; }
.market-entry-demand-action { align-self: stretch; padding: 0 14px; display: inline-flex; align-items: center; border-left: 1px solid var(--line); color: #9a5f15; background: #fff9ef; font-size: 12px; font-weight: 750; text-decoration: none; white-space: nowrap; }
.market-entry-demand-action:hover { color: #6e410a; background: var(--market-demand-pale); }
.more-markets { margin-top: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.more-markets summary { min-height: 42px; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--ink); cursor: pointer; list-style: none; font-size: 12px; font-weight: 750; }
.more-markets summary::-webkit-details-marker { display: none; }
.more-markets summary > span { display: inline-flex; align-items: center; gap: 7px; }
.more-markets summary svg { width: 16px; color: var(--muted); }
.more-markets[open] summary > svg { transform: rotate(180deg); }
.more-markets-menu { padding: 0 12px 12px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.more-markets-menu a { min-width: 0; padding: 10px; display: grid; gap: 3px; border: 1px solid var(--line); border-radius: 6px; color: var(--ink); background: #fbfcfe; text-decoration: none; }
.more-markets-menu a:hover { border-color: #9db5d1; background: #f5f9fd; }
.more-markets-menu a[aria-disabled="true"] { cursor: not-allowed; opacity: .72; }
.more-markets-menu a[aria-disabled="true"]:hover { border-color: var(--line); background: #fbfcfe; }
.more-markets-menu strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.more-markets-menu small { color: var(--muted); font-size: 10px; line-height: 1.4; }
.workspace-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 28px; }
.eyebrow { margin: 0 0 6px; color: #788396; font-size: 11px; font-weight: 750; letter-spacing: 0.6px; text-transform: uppercase; display: flex; align-items: center; gap: 6px; }
.eyebrow > span:first-child { width: 6px; height: 6px; flex: 0 0 auto; background: var(--teal); border-radius: 50%; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 5px; font-size: 28px; line-height: 1.25; letter-spacing: 0; }
.workspace-heading > div > p:not(.eyebrow) { margin-bottom: 0; color: var(--muted); }
.market-pulse { display: flex; background: white; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }
.market-pulse div { min-width: 104px; padding: 9px 14px; border-left: 1px solid var(--line); }
.market-pulse div:first-child { border-left: 0; }
.market-pulse strong, .market-pulse span { display: block; }
.market-pulse strong { font-size: 16px; }
.market-pulse span { color: var(--muted); font-size: 11px; white-space: nowrap; }

.entry-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 26px; }
.entry-card { min-height: 84px; padding: 14px; display: flex; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 7px; color: var(--ink); background: white; text-align: left; transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease; }
.entry-card:hover { transform: translateY(-2px); border-color: #c8d9d6; box-shadow: var(--shadow); }
.entry-icon { width: 40px; height: 40px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 7px; }
.entry-icon svg { width: 20px; }
.entry-card b, .entry-card small { display: block; }
.entry-card b { font-size: 14px; }
.entry-card small { margin-top: 2px; color: var(--muted); font-size: 11px; }
.entry-arrow { margin-left: auto; width: 16px; color: #98a3b1; }
.entry-c2c .entry-icon { color: var(--teal); background: var(--teal-pale); }
.entry-c2b .entry-icon { color: #e27624; background: #fff1df; }
.entry-b2c .entry-icon { color: var(--purple); background: #eeeaff; }
.entry-b2b .entry-icon { color: var(--coral); background: #fff0ec; }

.market-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr) 296px; gap: 24px; align-items: start; }
.filter-panel, .side-section { border: 1px solid var(--line); border-radius: 7px; background: white; }
.filter-panel { padding: 18px; }
.panel-title-row, .side-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.panel-title-row h2, .side-title h2 { margin: 0; font-size: 15px; }
.text-button { padding: 2px; border: 0; background: transparent; color: var(--teal); font-size: 12px; font-weight: 700; }
.search-box { height: 38px; margin: 16px 0 18px; padding: 0 10px; display: flex; align-items: center; gap: 7px; border: 1px solid #dce1e7; border-radius: 5px; color: #93a0af; }
.search-box:focus-within { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(15, 157, 138, 0.12); }
.search-box svg { width: 16px; }
.search-box input { width: 100%; border: 0; outline: none; color: var(--ink); background: transparent; font-size: 12px; }
.filter-panel fieldset { margin: 0; padding: 16px 0; border: 0; border-top: 1px solid var(--line); }
.filter-panel legend { padding: 0; margin-bottom: 9px; color: var(--ink); font-size: 12px; font-weight: 750; }
.filter-panel label { margin: 8px 0; display: flex; align-items: center; gap: 7px; color: #586578; font-size: 12px; cursor: pointer; }
.filter-panel input { width: 14px; height: 14px; margin: 0; accent-color: var(--teal); }
.filter-panel label span { margin-left: auto; color: #98a3b1; }
.filter-note { padding-top: 14px; border-top: 1px solid var(--line); display: flex; gap: 8px; color: #7d8797; }
.filter-note svg { width: 16px; flex: 0 0 auto; color: var(--teal); }
.filter-note p { margin: 0; font-size: 11px; line-height: 1.6; }

.catalog-toolbar { min-height: 58px; display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.catalog-toolbar h2 { margin-bottom: 0; font-size: 20px; }
.toolbar-controls { display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: 12px; }
.sort-select { padding: 0 8px; height: 32px; display: flex; align-items: center; gap: 5px; border: 1px solid var(--line); border-radius: 5px; background: white; }
.sort-select select { max-width: 112px; border: 0; outline: 0; color: var(--ink); background: white; font-size: 12px; font-weight: 650; }
.mode-tabs { display: flex; gap: 20px; margin: 20px 0 16px; border-bottom: 1px solid var(--line); overflow-x: auto; }
.tab { flex: 0 0 auto; padding: 0 0 10px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #737e90; font-size: 13px; font-weight: 650; }
.tab.active { color: var(--teal); border-color: var(--teal); }
.product-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.product-card, .project-card { min-height: 376px; overflow: hidden; border: 1px solid var(--line); border-radius: 7px; background: white; transition: transform 140ms ease, box-shadow 140ms ease; }
.product-card:hover, .project-card:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
.product-visual { height: 145px; position: relative; overflow: hidden; background: #dce4ed; }
.product-visual::after { content: ""; inset: 0; position: absolute; background: rgba(10, 25, 37, 0.12); pointer-events: none; }
.product-visual img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mode-badge { position: absolute; z-index: 1; top: 12px; left: 12px; padding: 3px 7px; border-radius: 4px; color: white; background: rgba(19, 29, 44, 0.82); font-size: 10px; font-weight: 800; letter-spacing: 0.4px; }
.save-button { position: absolute; z-index: 2; top: 8px; right: 8px; width: 30px; height: 30px; display: grid; place-items: center; border: 0; border-radius: 5px; color: white; background: rgba(19, 29, 44, 0.64); }
.save-button:hover, .save-button.saved { color: #f5c66d; background: rgba(19, 29, 44, 0.86); }
.save-button svg { width: 15px; }
.product-body { min-height: 231px; padding: 15px; display: flex; flex-direction: column; }
.card-kicker { min-height: 18px; display: flex; align-items: center; gap: 7px; color: #778396; font-size: 10px; font-weight: 700; }
.risk { display: inline-flex; padding: 2px 5px; border-radius: 3px; font-size: 10px; font-weight: 800; }
.l1 { color: #087d6d; background: #e5f7f3; }
.l2 { color: #ae6108; background: #fff2dd; }
.product-body h3, .project-body h3 { margin: 7px 0 6px; font-size: 16px; line-height: 1.35; }
.product-body > p, .project-body > p { min-height: 40px; margin-bottom: 11px; color: var(--muted); font-size: 12px; line-height: 1.65; }
.tag-list { display: flex; flex-wrap: wrap; gap: 5px; }
.tag-list span { padding: 3px 6px; border-radius: 3px; color: #627084; background: #f1f4f6; font-size: 10px; }
.evidence-line { margin-top: 10px; display: flex; align-items: center; gap: 5px; color: #677487; font-size: 10px; }
.evidence-line svg { width: 14px; color: var(--teal); }
.product-body footer, .project-body footer { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.product-body footer div strong, .product-body footer div span { display: block; }
.product-body footer div strong { font-size: 17px; }
.product-body footer div span { color: #8a95a5; font-size: 10px; }
.card-action { min-height: 30px; padding: 0 10px; border: 1px solid #b5ded7; border-radius: 5px; color: #087d6d; background: white; font-size: 11px; font-weight: 750; }
.card-action:hover { color: white; background: var(--teal); border-color: var(--teal); }

.project-card { color: white; background: var(--dark); border-color: var(--dark); }
.project-header { height: 70px; padding: 14px 15px; display: flex; align-items: flex-start; justify-content: space-between; background: #253342; }
.project-header > div { display: flex; gap: 7px; align-items: center; }
.project-header .mode-badge { position: static; background: var(--orange); }
.project-header .risk { color: #ffd28f; background: rgba(242, 156, 56, 0.13); }
.save-button.inverse { position: static; color: #c7d0db; background: transparent; }
.project-body { min-height: 306px; padding: 16px; display: flex; flex-direction: column; }
.project-type { min-height: 0 !important; margin: 0 !important; color: #9babbc !important; font-size: 10px !important; font-weight: 750; letter-spacing: 0.6px; text-transform: uppercase; }
.project-body > p { color: #c0cad7; }
.project-body dl { margin: 0 0 12px; padding: 10px 0; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #3b4a59; border-bottom: 1px solid #3b4a59; }
.project-body dl div { border-left: 1px solid #3b4a59; padding-left: 9px; }
.project-body dl div:first-child { padding-left: 0; border-left: 0; }
.project-body dt, .project-body dd { margin: 0; }
.project-body dt { color: #94a3b4; font-size: 10px; }
.project-body dd { margin-top: 2px; font-size: 11px; font-weight: 750; }
.project-progress { color: #c3cdd7; font-size: 10px; }
.project-progress span { display: flex; justify-content: space-between; }
.project-progress em { color: #91a0b0; font-style: normal; }
.project-progress > div { height: 4px; margin-top: 6px; overflow: hidden; background: #455363; border-radius: 4px; }
.project-progress i { width: 50%; height: 100%; display: block; background: var(--orange); }
.project-body footer { border-color: #3b4a59; }
.owner { display: flex; align-items: center; gap: 7px; }
.owner > span { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; color: #1d596f; background: #9bd6e9; font-size: 11px; font-weight: 750; }
.owner p { margin: 0; display: grid; }
.owner b { font-size: 10px; }
.owner small { color: #9babba; font-size: 9px; }
.card-action.dark { border-color: var(--orange); color: white; background: var(--orange); }
.card-action.dark:hover { background: #db8220; border-color: #db8220; }
.empty-state { min-height: 320px; padding: 40px; display: grid; place-content: center; justify-items: center; text-align: center; border: 1px dashed #cdd5de; background: white; }
.empty-state svg { width: 34px; color: #9aa6b5; }.empty-state h3 { margin: 12px 0 4px; }.empty-state p { margin-bottom: 16px; color: var(--muted); }
.secondary-button { border: 1px solid #b5ded7; color: #087d6d; background: white; }

.request-strip { margin-top: 24px; padding: 23px; display: flex; align-items: center; justify-content: space-between; gap: 25px; border-left: 3px solid var(--orange); background: #fff7ea; }
.request-strip h2 { margin: 0 0 5px; font-size: 18px; }.request-strip p:not(.eyebrow) { max-width: 600px; margin: 0; color: #6e665a; font-size: 12px; }

.creator-hub { margin-top: 48px; padding-top: 28px; border-top: 1px solid var(--line); }.creator-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; }.creator-heading h2 { margin: 0 0 5px; font-size: 21px; }.creator-heading p:not(.eyebrow) { margin-bottom: 0; color: var(--muted); }.creator-stats { display: flex; gap: 20px; color: #758094; font-size: 11px; white-space: nowrap; }.creator-stats b { margin-right: 4px; color: var(--ink); font-size: 15px; }.capability-bar { margin: 20px 0 16px; display: flex; gap: 8px; overflow-x: auto; }.capability-chip { min-height: 31px; padding: 0 10px; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 4px; color: #647185; background: white; font-size: 11px; font-weight: 700; }.capability-chip:hover, .capability-chip.active { border-color: #a9d9d1; color: #087d6d; background: var(--teal-pale); }.creator-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }.creator-card { overflow: hidden; border: 1px solid var(--line); border-radius: 7px; background: white; transition: transform 140ms ease, box-shadow 140ms ease; }.creator-card:hover { transform: translateY(-2px); box-shadow: var(--shadow); }.creator-cover { aspect-ratio: 16 / 7; position: relative; overflow: hidden; background: #dae2ea; }.creator-cover::after { content: ""; position: absolute; inset: 0; background: rgba(20, 32, 48, 0.12); }.creator-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }.creator-cover span { position: absolute; z-index: 1; left: 11px; top: 10px; padding: 3px 6px; border-radius: 3px; color: white; background: rgba(18, 30, 44, 0.75); font-size: 10px; font-weight: 750; }.creator-card-body { padding: 15px; }.creator-profile { display: flex; align-items: center; gap: 9px; }.creator-avatar { width: 32px; height: 32px; display: inline-grid; place-items: center; flex: 0 0 auto; border-radius: 50%; font-size: 12px; font-weight: 800; }.avatar-teal { color: #075b55; background: #a9e7dc; }.avatar-coral { color: #9a3c2a; background: #ffc7b7; }.avatar-orange { color: #81500c; background: #ffdb99; }.creator-profile h3 { margin: 0; display: flex; align-items: center; gap: 4px; font-size: 13px; }.creator-profile h3 svg { width: 14px; color: var(--teal); }.creator-profile p { margin: 2px 0 0; color: #8490a1; font-size: 10px; }.creator-output { margin: 15px 0 10px; }.creator-output span { display: block; margin-bottom: 3px; color: #8994a3; font-size: 10px; font-weight: 750; }.creator-output p { min-height: 38px; margin-bottom: 0; color: #405066; font-size: 12px; line-height: 1.6; }.creator-tags { min-height: 25px; display: flex; flex-wrap: wrap; gap: 5px; }.creator-tags span { padding: 3px 6px; border-radius: 3px; color: #687689; background: #f1f4f6; font-size: 10px; }.creator-proof { margin-top: 11px; padding-top: 11px; display: flex; align-items: center; gap: 5px; border-top: 1px solid var(--line); color: #6b788b; font-size: 10px; }.creator-proof svg { width: 14px; color: var(--teal); }.creator-actions { margin-top: 12px; display: flex; gap: 8px; }.creator-actions .outline-button { flex: 1; min-height: 31px; }.chat-button { min-height: 31px; padding: 0 9px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; flex: 1.3; border: 1px solid var(--teal); border-radius: 5px; color: white; background: var(--teal); font-size: 11px; font-weight: 750; }.chat-button:hover { border-color: #087d6d; background: #087d6d; }.chat-button svg { width: 14px; }

.side-panel { display: grid; gap: 16px; }
.side-section { padding: 16px; }.side-title .eyebrow { margin-bottom: 3px; }.icon-button.small { width: 28px; height: 28px; }.status-list { margin-top: 14px; }.status-item { padding: 10px 0; display: flex; align-items: center; gap: 9px; border-top: 1px solid var(--line); }.status-item:first-child { border-top: 0; padding-top: 0; }.status-icon { width: 28px; height: 28px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 5px; }.status-icon svg { width: 14px; }.status-icon.teal { color: var(--teal); background: var(--teal-pale); }.status-icon.orange { color: #d77a0d; background: #fff1de; }.status-icon.purple { color: var(--purple); background: #eeeaff; }.status-item div { min-width: 0; }.status-item b, .status-item small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.status-item b { font-size: 11px; }.status-item small { color: #8692a2; font-size: 10px; }.status-item .more-button { margin-left: auto; width: 22px; height: 22px; }.status-item .more-button svg { width: 15px; }
.status-item { color: inherit; text-decoration: none; }
.status-list-state { margin: 0; color: #8692a2; font-size: 11px; }
.evidence-section > .side-title > svg { width: 20px; color: var(--teal); }.evidence-checklist { padding: 0; margin: 14px 0; list-style: none; }.evidence-checklist li { margin: 11px 0; display: flex; gap: 8px; }.evidence-checklist li > svg { width: 15px; height: 15px; margin-top: 2px; flex: 0 0 auto; color: var(--teal); }.evidence-checklist b, .evidence-checklist small { display: block; }.evidence-checklist b { font-size: 11px; }.evidence-checklist small { margin-top: 1px; color: #7a8697; font-size: 10px; line-height: 1.5; }.outline-button { width: 100%; min-height: 34px; padding: 0 10px; border: 1px solid var(--line); color: #4f5f73; background: white; font-size: 11px; }.outline-button:hover { border-color: var(--teal); color: var(--teal); }
.pilot-section { color: #f4f6f8; background: #273640; border-color: #273640; }.pilot-top { display: flex; align-items: center; justify-content: space-between; }.pilot-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 6px; color: #f4ac4d; background: #384d59; }.pilot-icon svg { width: 17px; }.status-pill { padding: 3px 7px; border: 1px solid #557078; border-radius: 10px; color: #c9d7d8; font-size: 10px; }.pilot-section h2 { margin: 13px 0 5px; font-size: 15px; }.pilot-section p { margin-bottom: 12px; color: #c2d0d3; font-size: 11px; line-height: 1.65; }.text-link { padding: 0; display: inline-flex; align-items: center; gap: 5px; border: 0; color: #83dccb; background: transparent; font-size: 11px; font-weight: 700; }.text-link svg { width: 14px; }

dialog { width: min(560px, calc(100% - 28px)); max-height: min(720px, calc(100vh - 28px)); padding: 0; border: 0; border-radius: 8px; color: var(--ink); box-shadow: 0 20px 60px rgba(10, 20, 35, 0.3); }.dialog-content { padding: 28px; }.dialog-content h2 { margin: 0 0 7px; font-size: 22px; }.dialog-content > p:not(.eyebrow) { margin-bottom: 20px; color: var(--muted); }.dialog-close { position: absolute; top: 12px; right: 12px; width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 5px; color: #637083; background: #f2f4f6; }.dialog-close svg { width: 17px; }dialog::backdrop { background: rgba(18, 30, 42, 0.45); }.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }.form-field { display: grid; gap: 6px; }.form-field.full { grid-column: 1 / -1; }.form-field label { font-size: 12px; font-weight: 750; }.form-field input, .form-field select, .form-field textarea { width: 100%; padding: 9px 10px; border: 1px solid #d7dde5; border-radius: 5px; outline: 0; color: var(--ink); background: white; font-size: 13px; }.form-field textarea { min-height: 90px; resize: vertical; }.form-field input:focus, .form-field select:focus, .form-field textarea:focus { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(15, 157, 138, 0.12); }.form-field input[aria-invalid="true"], .form-field select[aria-invalid="true"], .form-field textarea[aria-invalid="true"] { border-color: #d75b42; box-shadow: 0 0 0 3px rgba(215, 91, 66, 0.12); }.form-action-row { margin-top: 22px; display: flex; justify-content: flex-end; gap: 10px; }.form-action-row button { min-height: 38px; padding: 0 14px; border-radius: 5px; font-weight: 700; }.cancel-button { border: 1px solid var(--line); color: #667386; background: white; }.submit-button { border: 1px solid var(--teal); color: white; background: var(--teal); }.submit-button:hover { background: #087d6d; }
.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; }
.toast { position: fixed; z-index: 30; right: 24px; bottom: 24px; max-width: min(360px, calc(100% - 48px)); padding: 12px 14px; transform: translateY(16px); opacity: 0; pointer-events: none; border-radius: 6px; color: white; background: #253542; box-shadow: 0 10px 25px rgba(15, 29, 44, 0.22); transition: opacity 180ms ease, transform 180ms ease; }.toast.visible { transform: translateY(0); opacity: 1; }
.auth-page { min-height: 100vh; display: grid; place-items: center; padding: 28px 16px; background: #f2f5f6; }
.auth-shell { width: min(440px, 100%); }
.auth-brand { margin: 0 auto 22px; justify-content: center; }
.auth-panel { padding: 28px; border: 1px solid var(--line); border-radius: 8px; background: white; box-shadow: var(--shadow); }
.auth-heading h1 { margin: 0 0 6px; font-size: 24px; }
.auth-heading p:not(.eyebrow) { margin-bottom: 20px; color: var(--muted); font-size: 13px; }
.auth-modes { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; margin-bottom: 20px; padding: 4px; border-radius: 6px; background: #f1f4f5; }
.auth-mode { min-height: 34px; border: 0; border-radius: 4px; color: var(--muted); background: transparent; font-size: 12px; font-weight: 750; }
.auth-mode.active { color: var(--ink); background: white; box-shadow: 0 1px 4px rgba(20, 31, 49, 0.08); }
.auth-role-field { margin: 18px 0 0; padding: 0; border: 0; }
.auth-role-field legend { margin-bottom: 8px; font-size: 12px; font-weight: 750; }
.role-option { min-height: 48px; margin: 7px 0; padding: 8px 10px; display: grid; grid-template-columns: 18px 1fr; align-items: center; column-gap: 6px; border: 1px solid var(--line); border-radius: 5px; color: var(--ink); font-size: 12px; cursor: pointer; }
.role-option:has(input:checked) { border-color: #a9d9d1; background: var(--teal-pale); }
.role-option input { grid-row: span 2; margin: 0; accent-color: var(--teal); }
.role-option span { color: var(--muted); font-size: 10px; }
.auth-submit { width: 100%; margin-top: 18px; }
.auth-submit:disabled { cursor: not-allowed; opacity: 0.48; }
.auth-link { margin-top: 7px; padding: 0; border: 0; color: #087f9a; background: transparent; font-size: 12px; font-weight: 700; }
.auth-link:hover { color: #075e75; text-decoration: underline; }
.partner-referral { margin-top: 18px; padding: 14px; border: 1px solid #b6d7f1; border-radius: 7px; background: #f2f8fd; }
.partner-referral .eyebrow { margin-bottom: 5px; color: #39739a; }
.partner-referral h2 { margin: 0 0 10px; font-size: 15px; line-height: 1.4; }
.partner-confirm-option { display: flex; align-items: center; gap: 8px; color: var(--ink); font-size: 12px; font-weight: 700; }
.partner-confirm-option input { margin: 0; accent-color: var(--teal); }
.partner-referral-status { margin: 8px 0 0; color: #a54835; font-size: 11px; }
.auth-boundary { margin: 18px 0 0; color: #8490a1; font-size: 11px; line-height: 1.6; }
.auth-back { display: block; margin-top: 18px; color: var(--teal); font-size: 12px; text-align: center; text-decoration: none; }
.auth-back:hover { text-decoration: underline; }

@media (max-width: 1180px) { .market-layout { grid-template-columns: 205px minmax(0, 1fr); }.side-panel { grid-column: 1 / -1; grid-template-columns: repeat(3, 1fr); }.entry-grid { grid-template-columns: repeat(2, 1fr); }.topbar { gap: 26px; }.creator-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 1040px) { .market-section-grid { grid-template-columns: repeat(2, minmax(0, 300px)); } }
@media (max-width: 820px) { .topbar { padding: 0 16px; gap: 12px; }.brand { min-width: auto; }.brand small { display: none; }.main-nav { gap: 16px; }.main-nav a { font-size: 13px; }.topbar-actions .avatar, .topbar-actions .icon-button { display: none; }.topbar-actions { gap: 0; }.workspace { padding: 24px 16px 40px; }.workspace-heading { display: block; }.market-pulse { margin-top: 18px; width: fit-content; }.market-pulse div { min-width: 94px; padding: 8px 10px; }.market-layout { grid-template-columns: 1fr; }.filter-panel { display: none; }.side-panel { grid-column: auto; grid-template-columns: 1fr; }.product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.request-strip { align-items: flex-start; flex-direction: column; }.catalog-toolbar { align-items: start; }.toolbar-controls { align-items: end; flex-direction: column; gap: 5px; }.side-section { padding: 15px; }.creator-heading { display: block; }.creator-stats { margin-top: 12px; }.creator-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 820px) { .market-entry-hierarchy { grid-template-columns: 1fr; }.more-markets-menu { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .topbar { height: 60px; }.main-nav { display: flex; gap: 10px; overflow: hidden; }.main-nav a { font-size: 11px; white-space: nowrap; }.topbar-actions .avatar, .topbar-actions .icon-button, .topbar-actions .role-switcher, .topbar-actions .topbar-auth-status, .topbar-actions .auth-exit { display: none; }.auth-entry { min-height: 29px; padding: 0 7px; font-size: 10px; }.workspace { padding-top: 20px; }.search-hero { padding-top: 8px; margin-bottom: 30px; }.search-hero-copy h1 { font-size: 30px; }.global-search { display: grid; grid-template-columns: 1fr auto; }.global-search > .primary-button { min-width: 74px; padding: 0 11px; }.search-shortcuts { display: grid; gap: 10px; }.search-sort { justify-self: start; }.search-primary-cta { align-items: flex-start; flex-direction: column; gap: 8px; }.search-primary-cta .outline-button { width: 100%; }.market-section-heading { display: block; }.market-section-actions { margin-top: 10px; justify-content: space-between; }.market-section-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.market-section-card { width: 100%; height: auto; min-height: 0; padding: 12px; }.market-trust-band { align-items: flex-start; flex-direction: column; padding: 18px; }.compact-hub .creator-heading { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }.compact-hub .outline-button { width: 100%; }.request-strip { margin-top: 30px; padding: 20px 18px; }.entry-grid, .product-grid, .creator-grid { grid-template-columns: 1fr; }.entry-card { min-height: 72px; }.product-card, .project-card { min-height: 360px; }.catalog-toolbar { display: block; }.toolbar-controls { margin-top: 10px; align-items: center; flex-direction: row; justify-content: space-between; }.sort-select { margin-left: auto; }.mode-tabs { gap: 16px; }.form-grid { grid-template-columns: 1fr; }.form-field.full { grid-column: auto; }.dialog-content { padding: 24px 18px; }.creator-heading h2 { font-size: 19px; }.creator-stats { gap: 12px; }.toast { right: 16px; bottom: 16px; }.auth-panel { padding: 22px 18px; }.market-entry-copy strong { font-size: 14px; }.market-entry-copy small { font-size: 10px; }.market-entry-demand-action { padding: 0 10px; font-size: 11px; }.more-markets-menu { grid-template-columns: 1fr 1fr; } }

@media (max-width: 560px) {
  .order-card-actions { width: 100%; justify-content: stretch; }
  .order-card-actions .outline-button, .order-card-actions .order-feedback-status { flex: 1 1 100%; text-align: center; }
  .product-feedback-dialog { padding: 22px 18px; }
  .product-feedback-score-grid { grid-template-columns: 1fr; }
  .product-feedback-dialog .dialog-actions { align-items: stretch; flex-direction: column-reverse; }
  .product-feedback-dialog .dialog-actions button { width: 100%; }
}

/* Project detail surface */
.project-workspace { max-width: 1180px; }
.orders-workspace { max-width: 1180px; }
.orders-heading { padding: 24px 0 22px; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--line); }
.orders-heading h1 { margin: 4px 0 6px; font-size: 34px; line-height: 1.2; }
.orders-heading p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 14px; }
.orders-demo-note { min-height: 34px; padding: 0 11px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid #c7d8ef; color: #315d98; background: #f3f8ff; font-size: 12px; font-weight: 750; white-space: nowrap; }
.orders-demo-note svg { width: 16px; }
.buyer-conversation-panel { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--line); }
.buyer-conversation-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.buyer-conversation-heading h2 { margin: 4px 0 5px; font-size: 21px; line-height: 1.25; }
.buyer-conversation-heading p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 13px; }
.buyer-conversation-list { margin-top: 14px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.buyer-conversation-card { min-width: 0; min-height: 184px; padding: 16px; display: flex; flex-direction: column; border: 1px solid #d7e1ed; border-top: 3px solid var(--market-product); border-radius: 8px; background: var(--surface); box-shadow: 0 5px 16px rgba(20, 31, 49, 0.04); }
.buyer-conversation-card-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.buyer-conversation-type { min-width: 0; padding: 3px 7px; border-radius: 4px; color: #315d98; background: var(--market-product-pale); font-size: 11px; font-weight: 750; white-space: nowrap; }
.buyer-conversation-card .status-pill { flex: 0 0 auto; }
.buyer-conversation-title { margin: 14px 0 6px; font-size: 18px; line-height: 1.3; overflow-wrap: anywhere; }
.buyer-conversation-updated { margin: 0; color: var(--muted); font-size: 12px; }
.buyer-conversation-footer { margin-top: auto; padding-top: 14px; border-top: 1px solid var(--line); }
.buyer-conversation-footer .outline-button, .buyer-conversation-error .outline-button { min-height: 34px; padding: 0 11px; color: #23669e; border-color: #b5d8ef; background: #f5fbff; font-size: 12px; text-decoration: none; }
.buyer-conversation-footer .outline-button:hover, .buyer-conversation-error .outline-button:hover { color: white; border-color: var(--market-product); background: var(--market-product); }
.buyer-conversation-error { margin-top: 14px; padding: 12px 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-left: 3px solid #d75b42; color: #9a3e2f; background: #fff1ed; font-size: 13px; }
.buyer-conversation-error p { margin: 0; }
.buyer-conversation-empty { min-height: 112px; margin-top: 14px; padding: 18px; display: grid; align-content: center; border: 1px dashed #bdcad9; color: var(--muted); background: rgba(255, 255, 255, 0.48); }
.buyer-conversation-empty h3 { margin: 0 0 4px; color: var(--ink); font-size: 16px; }
.buyer-conversation-empty p { margin: 0; font-size: 12px; }
.order-summary-grid { margin-top: 22px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.order-summary-card { min-height: 106px; padding: 18px; display: grid; align-content: space-between; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.order-summary-card span { color: var(--muted); font-size: 12px; font-weight: 700; }
.order-summary-card strong { font-size: 32px; line-height: 1; }
.orders-panel { margin-top: 22px; border-top: 1px solid var(--line); }
.order-list-toolbar { min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.order-filter-bar { display: inline-flex; align-items: center; gap: 2px; padding: 4px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); }
.order-filter { min-width: 86px; min-height: 32px; padding: 0 10px; border: 0; border-radius: 5px; color: var(--muted); background: transparent; font-size: 12px; font-weight: 750; white-space: nowrap; }
.order-filter:hover { color: var(--ink); background: #f2f6fb; }
.order-filter.active { color: white; background: var(--dark); }
.order-result-count { color: var(--muted); font-size: 12px; }
.order-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.order-card { min-height: 240px; padding: 18px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); box-shadow: 0 6px 18px rgba(20, 31, 49, 0.045); }
.order-card[data-order-type="subscription"] { border-top: 3px solid var(--market-product); }
.order-card[data-order-type="purchase"] { border-top: 3px solid var(--market-bundle); }
.order-card[data-order-type="project"] { border-top: 3px solid var(--market-demand); }
.order-card-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.order-type-badge { padding: 3px 7px; border-radius: 4px; color: #315d98; background: var(--market-product-pale); font-size: 11px; font-weight: 750; }
.order-card[data-order-type="project"] .order-type-badge { color: #8a5618; background: var(--market-demand-pale); }
.order-card[data-order-type="purchase"] .order-type-badge { color: #6941c6; background: var(--market-bundle-pale); }
.order-card-title { margin: 14px 0 13px; font-size: 19px; line-height: 1.35; overflow-wrap: anywhere; }
.order-card-details { margin: 0; display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 7px 14px; color: var(--muted); font-size: 12px; }
.order-card-details dt { font-weight: 700; }
.order-card-details dd { min-width: 0; margin: 0; color: var(--ink); overflow-wrap: anywhere; }
.order-card-footer { min-height: 45px; margin-top: auto; padding-top: 15px; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; border-top: 1px solid var(--line); }
.order-card-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.order-feedback-status { padding: 7px 9px; border: 1px solid #cbdced; border-radius: 5px; color: #315d98; background: #f3f8ff; font-size: 11px; font-weight: 700; }
.order-card-amount { display: grid; gap: 1px; }
.order-card-amount strong { font-size: 17px; line-height: 1.2; }
.order-card-amount small { color: var(--muted); font-size: 10px; }
.order-card-footer .outline-button { min-height: 34px; padding: 0 11px; flex: 0 0 auto; font-size: 12px; text-decoration: none; }
.orders-empty { min-height: 290px; padding: 38px 24px; display: grid; justify-items: center; align-content: center; text-align: center; border: 1px dashed #bdcad9; background: rgba(255, 255, 255, 0.48); }
.orders-empty-icon { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 12px; color: #315d98; background: var(--market-product-pale); border-radius: 8px; }
.orders-empty-icon svg { width: 24px; }
.orders-empty h2 { margin: 0 0 5px; font-size: 19px; }
.orders-empty p { margin: 0 0 17px; color: var(--muted); font-size: 13px; }
.back-link { display: inline-block; margin-bottom: 20px; color: var(--teal); font-size: 12px; font-weight: 700; }
.project-hero { padding: 24px; display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; border: 1px solid var(--line); background: #fff; }
.project-hero h1 { margin: 5px 0 7px; font-size: clamp(24px, 3vw, 34px); }
.project-meta { margin: 0; color: var(--muted); font-size: 13px; }
.project-hero-tools { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.project-hero-tools label { font-size: 12px; font-weight: 700; }
.project-hero-tools select { min-height: 36px; padding: 0 9px; border: 1px solid var(--line); border-radius: 5px; background: #fff; color: var(--ink); }
.payment-notice { margin: 14px 0; padding: 11px 14px; border-left: 3px solid var(--orange); color: #8b5a15; background: #fff7ea; font-size: 12px; }
.project-tabs { display: flex; margin-top: 16px; overflow-x: auto; border-bottom: 1px solid var(--line); background: #fff; }
.project-tabs[hidden] { display: none; }
.project-tab { flex: 1 0 112px; min-height: 44px; padding: 0 14px; border: 0; border-bottom: 3px solid transparent; color: var(--muted); background: #fff; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.project-tab[aria-selected="true"] { border-bottom-color: var(--teal); color: var(--teal); background: #f7fbfa; }
.project-tab:focus-visible { outline: 2px solid var(--teal); outline-offset: -3px; }
.project-tabpanel { min-width: 0; }
.project-tabpanel[hidden] { display: none; }
.loading-state, .project-empty { padding: 20px; color: var(--muted); text-align: center; }
.creator-workspace { max-width: 1180px; }
.creator-pulse div { min-width: 96px; }
.capability-section, .creator-conversations-section, .creator-products-section { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--line); }
.capability-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.capability-card { min-height: 174px; padding: 17px; border: 1px solid var(--line); border-radius: 7px; background: white; }
.capability-icon { width: 34px; height: 34px; display: grid; place-items: center; margin-bottom: 12px; border-radius: 6px; color: var(--teal); background: var(--teal-pale); }
.capability-icon svg { width: 18px; }
.capability-card h3 { margin: 0 0 5px; font-size: 14px; }
.capability-card p { min-height: 45px; margin-bottom: 10px; color: var(--muted); font-size: 12px; }
.capability-meta { color: #8290a0; font-size: 10px; }
.section-note { color: var(--muted); font-size: 11px; }
.creator-product-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
.creator-conversation-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.creator-conversation-card { min-width: 0; min-height: 170px; padding: 15px 17px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 7px; background: white; }
.creator-conversation-header { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.creator-conversation-header h3 { min-width: 0; margin: 0; font-size: 15px; }
.creator-conversation-summary { margin: 13px 0; color: #46546a; font-size: 12px; line-height: 1.6; }
.creator-conversation-footer { min-width: 0; margin-top: auto; padding-top: 11px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid var(--line); color: #7d8998; font-size: 11px; }
.creator-conversation-footer .secondary-button { flex: 0 0 auto; min-height: 32px; padding: 0 10px; text-decoration: none; }
.creator-product-card { padding: 15px 17px; border: 1px solid var(--line); border-radius: 7px; background: white; }
.creator-media-list-section { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); }
.media-list-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.media-list-heading h3 { margin: 0; font-size: 15px; }
.creator-product-media-list { margin-top: 12px; display: grid; gap: 9px; }
.creator-media-item { min-width: 0; padding: 11px 12px; border: 1px solid #d7e3f0; border-radius: 6px; background: #fbfdff; }
.creator-media-item-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.creator-media-item-heading strong { min-width: 0; overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.creator-media-item-meta { margin-top: 7px; display: flex; flex-wrap: wrap; gap: 6px 10px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.creator-media-item-meta .creator-product-review-note { width: 100%; margin: 2px 0 0; }
.creator-media-item .danger-text { margin-top: 9px; }
.public-profile-status { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
@media (max-width: 560px) {
  .public-profile-status {
    width: 100%;
    padding: 2px 16px 6px 0;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }

  .public-profile-status::-webkit-scrollbar {
    display: none;
  }

  .public-profile-status .status-pill {
    min-height: 28px;
    padding-inline: 10px;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    border-color: #c8d8e8;
    color: #315d7a;
    background: #f7fbff;
    font-size: 11px;
    white-space: nowrap;
  }
}
.creator-product-header { display: flex; align-items: center; gap: 10px; }
.creator-product-header h3 { margin: 0; font-size: 14px; }
.creator-product-header p { margin: 2px 0 0; color: var(--muted); font-size: 11px; }
.creator-product-header .status-pill { margin-left: auto; }
.creator-product-icon { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 6px; color: #087d6d; background: var(--teal-pale); font-size: 10px; font-weight: 800; }
.creator-product-summary { margin: 13px 0 9px; color: #46546a; font-size: 12px; }
.creator-product-meta { display: flex; gap: 15px; color: #7d8998; font-size: 11px; }
.creator-product-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.creator-product-actions button { min-height: 34px; }
.creator-product-review-note { margin: 10px 0 0; padding: 9px 10px; border-left: 3px solid #d97706; color: #8a4b08; background: #fff8eb; font-size: 12px; line-height: 1.5; }
.creator-product-price { color: #0b6f94; font-weight: 800; }
.creator-product-delivery { margin: 9px 0 0; color: #617084; font-size: 11px; line-height: 1.55; }
.creator-case-outcome { margin: 10px 0 0; color: #3c4e66; font-size: 12px; font-weight: 700; line-height: 1.6; }
.status-success { color: #087d6d; background: var(--teal-pale); }
.brief-context { margin: 16px 0; padding: 14px; border: 1px solid #c7d8ea; border-radius: 7px; background: #f6faff; }
.brief-context h3 { margin: 0; color: var(--ink); font-size: 14px; }
.brief-context-note { margin: 7px 0 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.brief-context dl { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 7px 12px; margin: 12px 0 0; }
.brief-context dt { color: #64748b; font-size: 12px; font-weight: 700; }
.brief-context dd { min-width: 0; margin: 0; color: #334155; font-size: 12px; line-height: 1.55; overflow-wrap: anywhere; }
@media (max-width: 700px) { .capability-grid, .creator-conversation-list { grid-template-columns: 1fr; } .creator-product-list { grid-template-columns: 1fr; } .creator-product-meta { flex-wrap: wrap; gap: 6px 12px; } }
@media (max-width: 560px) {
  .topbar-actions .primary-button.compact { width: 40px; min-width: 40px; padding: 0; }
  .topbar-actions .primary-button.compact span { display: none; }
  .topbar-actions .primary-button.compact svg { width: 18px; height: 18px; }
}

/* Partner workspace: intentionally aggregate-only, with no customer or order detail. */
.partner-workspace { max-width: 1180px; overflow-x: hidden; }
.partner-workspace .partner-heading { padding: 24px 0 22px; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--line); }
.partner-workspace .partner-heading h1 { margin: 4px 0 6px; font-size: 34px; line-height: 1.2; }
.partner-workspace .partner-heading p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 14px; }
.partner-workspace .partner-demo-note { min-height: 34px; padding: 0 11px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid #c7d8ef; color: #315d98; background: #f3f8ff; font-size: 12px; font-weight: 750; white-space: nowrap; }
.partner-workspace .partner-demo-note svg { width: 16px; }
.partner-workspace .partner-status { margin-top: 22px; padding: 14px 16px; border-left: 3px solid #5f8fc2; color: #315d98; background: #f3f8ff; font-size: 13px; line-height: 1.6; }
.partner-workspace .partner-application-form { max-width: 580px; margin-top: 22px; padding: 20px; display: grid; gap: 15px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.partner-workspace .partner-application-copy { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.partner-workspace .partner-summary-grid { margin-top: 22px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.partner-workspace .partner-summary-card { min-height: 106px; padding: 18px; display: grid; align-content: space-between; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.partner-workspace .partner-summary-card span { color: var(--muted); font-size: 12px; font-weight: 700; }
.partner-workspace .partner-summary-card strong { overflow-wrap: anywhere; font-size: 28px; line-height: 1.15; }
.partner-workspace .partner-referral-panel, .partner-workspace .partner-record-panel { margin-top: 22px; padding-top: 22px; border-top: 1px solid var(--line); }
.partner-workspace .partner-referral-panel h2, .partner-workspace .partner-record-toolbar h2 { margin: 0; font-size: 18px; line-height: 1.35; }
.partner-workspace .partner-referral-content { margin-top: 12px; display: flex; align-items: center; gap: 10px; }
.partner-workspace .partner-referral-link { min-width: 0; flex: 1 1 auto; min-height: 38px; padding: 0 10px; border: 1px solid #c9d8e8; border-radius: 6px; color: var(--ink); background: #fbfcfe; font: inherit; font-size: 12px; }
.partner-workspace .partner-record-toolbar { min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.partner-workspace .partner-filter-bar { display: flex; gap: 6px; overflow-x: auto; }
.partner-workspace .partner-filter { min-height: 32px; padding: 0 10px; border: 1px solid var(--line); border-radius: 5px; color: var(--muted); background: #fff; font: inherit; font-size: 12px; font-weight: 750; white-space: nowrap; cursor: pointer; }
.partner-workspace .partner-filter:hover, .partner-workspace .partner-filter.active { border-color: #92b5da; color: #315d98; background: #f3f8ff; }
.partner-workspace .partner-record-list { margin-top: 14px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.partner-workspace .partner-record-card { min-width: 0; padding: 15px; border: 1px solid var(--line); border-radius: 8px; background: #fbfcfd; }
.partner-workspace .partner-record-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.partner-workspace .partner-record-header strong { font-size: 14px; }
.partner-workspace .partner-record-meta { margin: 12px 0 0; display: grid; grid-template-columns: 86px minmax(0, 1fr); gap: 7px 8px; }
.partner-workspace .partner-record-meta dt { color: var(--muted); font-size: 11px; }
.partner-workspace .partner-record-meta dd { margin: 0; overflow-wrap: anywhere; font-size: 12px; }
.partner-workspace .partner-record-empty { grid-column: 1 / -1; margin: 0; padding: 18px; border: 1px dashed #c9d8e8; color: var(--muted); background: #fbfcfe; font-size: 13px; text-align: center; }

@media (max-width: 760px) {
  .partner-workspace .partner-heading { align-items: flex-start; flex-direction: column; gap: 14px; }
  .partner-workspace .partner-heading h1 { font-size: 30px; }
  .partner-workspace .partner-summary-grid, .partner-workspace .partner-record-list { grid-template-columns: 1fr; gap: 9px; }
  .partner-workspace .partner-summary-card { min-height: 76px; grid-template-columns: 1fr auto; align-items: center; }
  .partner-workspace .partner-summary-card strong { font-size: 24px; }
  .partner-workspace .partner-record-toolbar { align-items: flex-start; flex-direction: column; }
  .partner-workspace .partner-referral-content { align-items: stretch; flex-direction: column; }
}

@media (max-width: 560px) {
  .partner-page .main-nav { display: none; }
  .partner-page .topbar-actions { margin-left: auto; }
  .partner-workspace { padding-right: 16px; padding-left: 16px; }
  .partner-workspace .partner-heading { padding-top: 16px; }
  .partner-workspace .partner-heading h1 { font-size: 28px; }
  .partner-workspace .partner-application-form { padding: 16px; }
  .partner-workspace .partner-filter-bar { width: 100%; }
  .partner-workspace .partner-filter { min-width: 0; flex: 1 1 0; }
}
.project-section { margin-top: 16px; padding: 18px; border: 1px solid var(--line); background: #fff; }
.project-section h2 { margin: 0 0 14px; font-size: 17px; }
.project-actions-section { display: grid; gap: 14px; }
.project-form { padding: 16px; border: 1px solid #dce4e8; background: #fbfcfc; }
.project-form h3 { margin: 0 0 12px; font-size: 14px; }
.project-form-field { display: grid; gap: 5px; margin: 9px 0; }
.project-form-field label { font-size: 12px; font-weight: 700; }
.project-form-field input, .project-form-field select, .project-form-field textarea { width: 100%; min-height: 36px; padding: 8px 9px; border: 1px solid #d7dde5; border-radius: 5px; color: var(--ink); background: #fff; font: inherit; font-size: 12px; }
.project-form-field textarea { min-height: 72px; resize: vertical; }
.project-form-field input[type="checkbox"] { width: 18px; min-height: 18px; }
.project-form-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.project-action, .project-submit { min-height: 34px; padding: 0 12px; border: 1px solid var(--teal); border-radius: 5px; color: #fff; background: var(--teal); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.project-action[data-to="cancelled"], .project-action[data-decision="revise"] { border-color: #d75b42; color: #a84c36; background: #fff; }
.form-error { margin: 0 0 8px; padding: 8px; color: #a84c36; background: #fff0ec; font-size: 12px; }
.project-detail-row { margin: 8px 0; display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 12px; font-size: 12px; line-height: 1.6; }
.project-detail-row strong { color: var(--muted); }
.project-list { display: grid; gap: 8px; }
.project-list-item { padding: 11px; display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; border: 1px solid #edf0f2; background: #fcfdfd; }
.project-list-item small, .project-list-item span { display: block; overflow-wrap: anywhere; }
.project-list-item small { margin-bottom: 3px; color: var(--muted); font-size: 10px; }
.project-list-item span { font-size: 12px; line-height: 1.5; }
.project-timeline { margin: 0; padding: 0 0 0 20px; display: grid; gap: 12px; }
.project-timeline li { padding-left: 5px; display: grid; gap: 2px; border-left: 2px solid #c8e6e0; }
.project-timeline time, .project-timeline span { color: var(--muted); font-size: 11px; }
.project-timeline strong { font-size: 12px; }

.operator-workspace { max-width: 1320px; }
.operator-shell { min-height: 100vh; background: var(--canvas); }
.operator-topbar { position: sticky; top: 0; z-index: 20; }
.operator-back-link { color: var(--teal); font-size: 12px; font-weight: 700; text-decoration: none; }
.operator-body { width: min(1480px, 100%); margin: 0 auto; padding: 24px; display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 24px; align-items: start; }
.operator-sidebar { min-width: 0; position: sticky; top: 92px; padding: 16px 12px; border: 1px solid var(--line); background: white; }
.operator-sidebar-heading { padding: 0 8px 14px; border-bottom: 1px solid var(--line); }
.operator-sidebar-heading strong { font-size: 15px; }
.operator-menu { margin-top: 12px; display: grid; gap: 3px; }
.operator-menu button { min-height: 36px; padding: 0 9px; border: 0; border-left: 2px solid transparent; color: #657286; background: transparent; font: inherit; font-size: 12px; font-weight: 700; text-align: left; }
.operator-menu button:hover, .operator-menu button[aria-current="true"] { border-left-color: var(--teal); color: #087d6d; background: var(--teal-pale); }
.operator-menu-toggle { display: none; }
.operator-content-heading { min-height: 70px; display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.operator-content-heading h1 { margin: 0 0 5px; font-size: 27px; }
.operator-content-heading p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 12px; }
.operator-section-panel { margin-top: 18px; padding: 20px; border: 1px solid var(--line); background: white; }
.operator-section-panel[hidden] { display: none; }
.operator-panel-header { display: flex; align-items: start; justify-content: space-between; gap: 18px; }
.operator-panel-header h2 { margin: 0 0 4px; font-size: 19px; }
.operator-panel-header p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 12px; }
.demo-boundary { padding: 5px 8px; border: 1px solid #efd4aa; border-radius: 4px; color: #8b5a15; background: #fff7ea; font-size: 11px; font-weight: 700; white-space: nowrap; }
.operator-placeholder { min-height: 180px; margin-top: 18px; padding: 22px; display: grid; place-items: center; border: 1px dashed #ccd5de; color: var(--muted); background: #fbfcfd; text-align: center; font-size: 13px; }
.operator-menu-group { margin-top: 14px; padding-top: 10px; border-top: 1px solid var(--line); }
.operator-menu-group-title { margin: 0 8px 5px; color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.operator-workspace .partner-filter-grid { max-width: 240px; margin-top: 18px; }
.operator-workspace .partner-record-list { margin-top: 18px; }
.creator-case-queue-header { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--line); }
.operator-workspace .partner-record-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.operator-workspace .partner-record-card { min-width: 0; padding: 15px; border: 1px solid var(--line); border-radius: 6px; background: #fbfcfd; }
.operator-workspace .partner-record-card > strong, .operator-workspace .partner-record-card > small, .operator-workspace .partner-record-id { display: block; overflow-wrap: anywhere; }
.operator-workspace .partner-record-card > strong { font-size: 14px; }
.operator-workspace .partner-record-id { margin-top: 4px; color: var(--muted); font-size: 10px; }
.operator-workspace .partner-record-meta { margin: 12px 0 0; display: grid; gap: 7px; }
.operator-workspace .partner-record-meta > div { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 8px; border-top: 1px solid #edf0f2; padding-top: 7px; }
.operator-workspace .partner-record-meta dt { color: var(--muted); font-size: 10px; }
.operator-workspace .partner-record-meta dd { margin: 0; overflow-wrap: anywhere; font-size: 11px; }
.operator-workspace .commission-record-card .partner-record-meta dd { font-variant-numeric: tabular-nums; }
.operator-workspace .product-review-summary { margin: 12px 0 0; color: #4b5a6d; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.operator-workspace .product-review-reason-label { margin-top: 14px; display: grid; gap: 5px; color: var(--muted); font-size: 11px; font-weight: 700; }
.operator-workspace .product-review-reason { width: 100%; min-height: 72px; padding: 8px 9px; border: 1px solid #d7dde5; border-radius: 5px; color: var(--ink); background: #fff; font: inherit; font-size: 12px; line-height: 1.5; resize: vertical; }
.operator-workspace .product-review-card .form-error { margin-top: 10px; }
.operator-workspace .product-media-review-card { background: #f8fbff; }
.operator-workspace .product-media-review-card .product-media-review-reason, .operator-workspace .product-media-review-reason { width: 100%; min-height: 58px; margin-top: 12px; padding: 8px 9px; border: 1px solid #d7dde5; border-radius: 5px; color: var(--ink); background: #fff; font: inherit; font-size: 12px; line-height: 1.5; resize: vertical; }
.operator-workspace .product-media-review-card .review-decision-actions { margin-top: 11px; }
.partner-review-layout { margin-top: 18px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 1.2fr); gap: 16px; align-items: start; }
.partner-review-item { width: 100%; color: var(--ink); font: inherit; text-align: left; cursor: pointer; }
.partner-review-item:hover, .partner-review-item[aria-pressed="true"] { border-color: var(--teal); background: #f4fbf9; }
.partner-review-item small { margin-top: 8px; color: var(--muted); }
.partner-review-detail { min-width: 0; padding: 18px; border: 1px solid var(--line); background: #fff; }
.partner-review-detail h3 { margin: 0; font-size: 16px; }
.operator-stat-grid { margin-top: 20px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.operator-stat-grid article { padding: 17px; border: 1px solid var(--line); background: #fbfcfd; }
.operator-stat-grid strong, .operator-stat-grid span { display: block; }
.operator-stat-grid strong { font-size: 25px; }
.operator-stat-grid span { margin-top: 4px; color: var(--muted); font-size: 11px; }
.operator-validation-layout { margin-top: 20px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, 1.05fr); gap: 16px; align-items: start; }
.operator-validation-queue, .operator-validation-detail, .validation-record-form { min-width: 0; padding: 16px; border: 1px solid var(--line); background: #fff; }
.research-candidate-layout { margin-top: 20px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, 1.05fr); gap: 16px; align-items: start; }
.research-candidate-queue-panel, .research-candidate-detail, .research-candidate-form { min-width: 0; padding: 16px; border: 1px solid var(--line); background: #fff; }
.research-candidate-filter-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.research-candidate-record-grid { display: grid; gap: 8px; }
.research-candidate-record-card { width: 100%; min-width: 0; padding: 12px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px 9px; border: 1px solid #e1e7ec; border-radius: 5px; color: var(--ink); background: #fbfcfd; font: inherit; text-align: left; cursor: pointer; }
.research-candidate-record-card:hover, .research-candidate-record-card[aria-pressed="true"] { border-color: var(--teal); background: #f3fbfa; }
.research-candidate-record-card strong, .research-candidate-record-card small { min-width: 0; overflow-wrap: anywhere; }
.research-candidate-record-card strong { font-size: 13px; }
.research-candidate-record-card small { grid-column: 1 / -1; color: var(--muted); font-size: 10px; }
.research-candidate-risk-low { color: #28756a; border-color: #b8ded7; background: #f0faf7; }
.research-candidate-risk-review { color: #8b5a15; border-color: #efd4aa; background: #fff7ea; }
.research-candidate-risk-blocked { color: #993e2e; border-color: #efc4bb; background: #fff0ec; }
.research-candidate-detail h3, .research-candidate-form h3 { margin: 0; font-size: 16px; }
.research-candidate-source-link { min-width: 0; overflow-wrap: anywhere; color: #087d6d; font-size: 12px; }
.research-candidate-forms { margin-top: 16px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.research-candidate-form { display: grid; gap: 11px; }
.research-candidate-form > label { display: grid; gap: 5px; color: var(--muted); font-size: 11px; font-weight: 700; }
.research-candidate-form input, .research-candidate-form select, .research-candidate-form textarea { width: 100%; min-height: 36px; padding: 8px 9px; border: 1px solid #d7dde5; border-radius: 5px; color: var(--ink); background: #fff; font: inherit; font-size: 12px; line-height: 1.5; }
.research-candidate-form textarea { resize: vertical; }
.research-candidate-form-wide { grid-column: 1 / -1; }
.research-candidate-outcome-grid, .research-candidate-create-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.research-candidate-outcome-grid label, .research-candidate-create-grid label { display: grid; gap: 5px; color: var(--muted); font-size: 11px; font-weight: 700; }
.research-candidate-create-form { margin-top: 16px; }
.research-candidate-form .primary-button { width: fit-content; min-height: 36px; padding: 0 13px; font-size: 12px; }
.research-candidate-form .review-decision-actions { margin-top: 0; }
.research-candidate-form button:disabled, .research-candidate-form input:disabled, .research-candidate-form select:disabled, .research-candidate-form textarea:disabled { cursor: not-allowed; opacity: .58; }
.validation-filter-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.validation-record-grid { display: grid; gap: 8px; }
.validation-record-card { width: 100%; min-width: 0; padding: 12px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px 9px; border: 1px solid #e1e7ec; border-radius: 5px; color: var(--ink); background: #fbfcfd; font: inherit; text-align: left; cursor: pointer; }
.validation-record-card:hover, .validation-record-card[aria-pressed="true"] { border-color: var(--teal); background: #f3fbfa; }
.validation-record-card strong, .validation-record-card small { min-width: 0; overflow-wrap: anywhere; }
.validation-record-card strong { font-size: 13px; }
.validation-record-card small { grid-column: 1 / -1; color: var(--muted); font-size: 10px; }
.validation-record-type, .validation-record-stage { color: var(--muted); font-size: 10px; }
.validation-record-stage { padding: 3px 6px; border: 1px solid #cde5e1; border-radius: 10px; color: #28756a; background: #f0faf7; white-space: nowrap; }
.validation-detail-heading { min-width: 0; display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.validation-detail-heading > div { min-width: 0; }
.validation-detail-heading h3 { margin: 5px 0 0; overflow-wrap: anywhere; font-size: 17px; line-height: 1.35; }
.validation-detail-heading .status-pill { flex: 0 0 auto; color: #28756a; border-color: #b8ded7; background: #f0faf7; }
.validation-detail-meta { margin-top: 16px !important; }
.validation-stage-form { margin-top: 18px; padding-top: 16px; display: grid; gap: 10px; border-top: 1px solid var(--line); }
.validation-stage-form label, .validation-record-form label { display: grid; gap: 5px; color: var(--muted); font-size: 11px; font-weight: 700; }
.validation-stage-form select, .validation-stage-form textarea, .validation-record-form input, .validation-record-form select, .validation-record-form textarea { width: 100%; min-height: 36px; padding: 8px 9px; border: 1px solid #d7dde5; border-radius: 5px; color: var(--ink); background: #fff; font: inherit; font-size: 12px; }
.validation-stage-form textarea, .validation-record-form textarea { min-height: 72px; resize: vertical; line-height: 1.5; }
.validation-stage-form .primary-button, .validation-record-form .primary-button { width: fit-content; min-height: 36px; padding: 0 13px; font-size: 12px; }
.validation-terminal-note { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
.validation-event-timeline { margin: 14px 0 0; padding: 0 0 0 19px; display: grid; gap: 12px; }
.validation-event-timeline li { padding-left: 5px; display: grid; gap: 3px; border-left: 2px solid #c8e6e0; }
.validation-event-timeline strong { font-size: 11px; }
.validation-event-timeline span, .validation-event-timeline time { color: var(--muted); font-size: 10px; line-height: 1.5; overflow-wrap: anywhere; }
.validation-record-form { margin-top: 16px; }
.validation-record-form h3 { margin: 0; font-size: 16px; }
.validation-form-grid { margin-top: 16px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.validation-form-wide { grid-column: 1 / -1; }
.validation-record-form .primary-button { margin-top: 4px; }
.operator-control-summary { margin-top: 18px; }
.operator-control-grid { margin-top: 14px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.operator-control-card { min-width: 0; padding: 15px; border: 1px solid var(--line); border-radius: 6px; background: #fbfcfd; }
.operator-control-card > strong, .operator-control-card > span { display: block; overflow-wrap: anywhere; }
.operator-control-card > strong { font-size: 14px; }
.operator-control-muted { margin-top: 4px; color: var(--muted); font-size: 11px; }
.operator-control-state { margin-top: 18px; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid #cfe2ed; border-radius: 6px; background: #f5fbff; }
.operator-control-state strong { font-size: 13px; }
.operator-control-policy-list { margin-top: 14px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.operator-control-policy { min-width: 0; padding: 14px 15px; border: 1px solid var(--line); border-radius: 6px; background: #fff; }
.operator-control-policy strong { display: block; font-size: 13px; }
.operator-control-policy p { margin: 7px 0 0; color: var(--muted); font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; }
.operator-summary-subheading { margin: 22px 0 10px; font-size: 15px; }
.operator-summary > .partner-record-grid { margin-top: 0; }
.api-panel-grid { margin-top: 20px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.api-panel { min-height: 145px; padding: 15px; border: 1px solid var(--line); background: #fbfcfd; }
.api-panel-wide { grid-column: 1 / -1; }
.api-panel h3 { margin: 0 0 5px; font-size: 14px; }
.api-panel p { min-height: 34px; margin: 0 0 10px; color: var(--muted); font-size: 11px; }
.api-row { min-height: 28px; padding: 6px 0; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px solid #edf0f2; color: #4b5a6d; font-size: 11px; }
.api-row small { color: #7b8898; white-space: nowrap; }
.api-panel .outline-button { width: auto; min-height: 29px; margin-top: 9px; }
.api-metric strong, .api-metric span { display: block; }
.api-metric strong { font-size: 22px; }
.api-metric span { color: var(--muted); font-size: 10px; }
.api-progress { height: 5px; margin: 10px 0 5px; overflow: hidden; background: #e7edef; border-radius: 4px; }
.api-progress i { width: 42%; height: 100%; display: block; background: var(--teal); }
.api-panel > small { color: var(--muted); font-size: 10px; }
.operator-action-status { margin: 16px 0 0; padding: 10px 12px; color: #28756a; background: var(--teal-pale); font-size: 11px; }
.operator-heading { margin-bottom: 20px; }
.operator-count { margin: 0; color: var(--muted); font-size: 13px; font-weight: 700; }
.operator-layout { display: grid; grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.8fr); gap: 16px; align-items: start; }
.operator-queue-panel, .review-detail, .review-decision-form { border: 1px solid var(--line); background: #fff; }
.operator-queue-panel { padding: 16px; }
.operator-queue-panel h2, .review-detail > h2, .review-decision-form h2 { margin: 14px 0 12px; font-size: 17px; }
.operator-filter-grid { display: grid; gap: 10px; }
.operator-filter-grid label, .review-decision-form > label { display: grid; gap: 5px; color: var(--muted); font-size: 12px; font-weight: 700; }
.operator-filter-grid select, .review-decision-form textarea { width: 100%; min-height: 36px; padding: 8px 9px; border: 1px solid #d7dde5; border-radius: 5px; color: var(--ink); background: #fff; font: inherit; }
.review-decision-form textarea { min-height: 86px; resize: vertical; }
.review-queue-list { display: grid; gap: 8px; }
.review-queue-item { width: 100%; padding: 11px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; align-items: center; border: 1px solid #edf0f2; border-radius: 4px; color: var(--ink); background: #fcfdfd; font: inherit; text-align: left; cursor: pointer; }
.review-queue-item:hover, .review-queue-item[aria-pressed="true"] { border-color: var(--teal); background: #f4fbf9; }
.review-queue-item strong, .review-queue-item small { min-width: 0; overflow-wrap: anywhere; }
.review-queue-item small { grid-column: 1 / -1; color: var(--muted); font-size: 11px; }
.review-detail { min-width: 0; padding: 18px; }
.review-detail > h2 { margin-top: 0; }
.review-summary { display: flex; gap: 8px; flex-wrap: wrap; }
.review-detail-section { margin-top: 16px; padding-top: 16px; border-top: 1px solid #edf0f2; }
.review-detail-section h3 { margin: 0 0 10px; font-size: 14px; }
.review-detail-row { margin: 8px 0; display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 12px; font-size: 12px; line-height: 1.6; }
.review-detail-row strong { color: var(--muted); }
.risk-pill, .risk-flag-list code { display: inline-flex; width: fit-content; padding: 3px 7px; border-radius: 4px; color: #4b5966; background: #edf2f4; font-size: 11px; font-weight: 700; }
.risk-flag-list { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; }
.review-decision-form { margin-top: 16px; padding: 18px; }
.review-decision-form h2 { margin-top: 0; }
.form-hint { margin: 6px 0 0; color: var(--muted); font-size: 12px; }
.review-decision-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.review-decision-actions button { min-height: 34px; padding: 0 12px; border: 1px solid var(--teal); border-radius: 5px; color: #fff; background: var(--teal); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.review-decision-actions button:disabled { cursor: not-allowed; opacity: 0.48; }
.review-decision-actions .danger-action { border-color: #d75b42; background: #d75b42; }
.empty-state-text { margin: 0; color: var(--muted); font-size: 13px; }

@media (max-width: 780px) {
  .operator-topbar { padding: 0 16px; gap: 16px; }
  .operator-topbar .brand { min-width: 0; flex: 1 1 auto; }
  .operator-topbar .topbar-actions { min-width: 0; gap: 8px; }
  .operator-topbar .role-context, .operator-topbar .operator-back-link { white-space: nowrap; }
  .operator-body { padding: 16px; grid-template-columns: 1fr; gap: 12px; }
  .operator-sidebar { position: static; padding: 12px; }
  .operator-sidebar-heading { padding-bottom: 10px; }
  .operator-menu-toggle { width: 100%; min-height: 36px; margin-top: 10px; padding: 0 9px; display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--line); color: var(--ink); background: white; font: inherit; font-size: 12px; font-weight: 700; }
  .operator-menu { display: none; }
  .operator-menu.is-open { display: grid; }
  .operator-content-heading { min-height: 0; align-items: start; }
  .operator-panel-header { display: grid; gap: 10px; }
  .operator-panel-header .demo-boundary { justify-self: start; white-space: normal; }
  .operator-layout { grid-template-columns: 1fr; }
  .operator-validation-layout { grid-template-columns: 1fr; }
  .research-candidate-layout, .research-candidate-forms { grid-template-columns: 1fr; }
  .research-candidate-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .validation-filter-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .operator-heading { align-items: start; }
  .review-detail-row { grid-template-columns: 1fr; gap: 2px; }
  .api-panel-grid { grid-template-columns: 1fr; }
  .api-panel-wide { grid-column: auto; }
  .operator-workspace .partner-record-grid, .operator-workspace .partner-review-layout, .operator-control-grid, .operator-control-policy-list { grid-template-columns: 1fr; }
  .operator-control-state { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 640px) {
  .validation-filter-grid, .validation-form-grid { grid-template-columns: 1fr; }
  .research-candidate-filter-grid, .research-candidate-outcome-grid, .research-candidate-create-grid { grid-template-columns: 1fr; }
  .research-candidate-form-wide { grid-column: auto; }
  .validation-form-wide { grid-column: auto; }
  .operator-validation-queue, .operator-validation-detail, .validation-record-form { padding: 14px; }
  .validation-detail-heading { display: grid; }
  .validation-detail-heading .status-pill { justify-self: start; }
}
@media (max-width: 640px) { .project-hero { display: block; padding: 18px; }.project-hero-tools { margin-top: 15px; }.project-tab { flex-basis: 96px; padding: 0 10px; }.project-detail-row { grid-template-columns: 1fr; gap: 2px; }.project-list-item { grid-template-columns: 1fr 1fr; } }

/* Conversation workspace */
.conversation-page { background: #f4f6f7; }
.conversation-workspace { width: min(1320px, 100%); margin: 0 auto; padding: 24px; }
.demo-mode-label, .server-truth-label, .simulation-chip { min-height: 28px; padding: 4px 9px; display: inline-flex; align-items: center; gap: 5px; border: 1px solid #bddbd5; border-radius: 4px; color: #087d6d; background: #edf8f5; font-size: 11px; font-weight: 750; }
.server-truth-label svg { width: 14px; }
.simulation-chip { border-color: #efd4aa; color: #8b5a15; background: #fff7ea; }
.conversation-heading { min-width: 0; padding-bottom: 18px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(430px, 0.8fr); gap: 28px; align-items: end; border-bottom: 1px solid #dfe4e7; }
.conversation-heading .back-link { margin-bottom: 12px; }
.conversation-heading h1 { font-size: 25px; }
.conversation-heading p:last-child { margin: 0; overflow-wrap: anywhere; color: var(--muted); font-size: 12px; }
.conversation-meta { margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--line); background: white; }
.conversation-meta div { min-width: 0; padding: 11px; border-left: 1px solid var(--line); }
.conversation-meta div:first-child { border-left: 0; }
.conversation-meta dt { color: var(--muted); font-size: 10px; }
.conversation-meta dd { margin: 3px 0 0; overflow-wrap: anywhere; font-size: 11px; font-weight: 700; }
.conversation-error { margin: 18px 0 0; padding: 13px 15px; border-left: 3px solid #c94b34; color: #993e2e; background: #fff0ec; }
.conversation-layout { margin-top: 18px; display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(330px, 0.85fr); gap: 16px; align-items: start; }
.conversation-thread, .side-workspace-panel { min-width: 0; border: 1px solid var(--line); background: white; }
.conversation-thread { overflow: hidden; }
.conversation-panel-head, .workspace-section > header, .side-workspace-panel > header { min-height: 61px; padding: 12px 15px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--line); }
.conversation-panel-head h2, .workspace-section h2, .side-workspace-panel h2 { margin: 0; font-size: 15px; }
.conversation-panel-head .eyebrow, .workspace-section .eyebrow, .side-workspace-panel .eyebrow { margin-bottom: 2px; }
.workspace-section > header > span, .side-workspace-panel > header > span:not(.simulation-chip) { color: var(--muted); font-size: 10px; }
.message-list { height: min(48vh, 520px); min-height: 340px; padding: 18px; overflow-y: auto; display: flex; flex-direction: column; gap: 11px; background: #f7f9f9; }
.timeline-message { width: min(78%, 620px); padding: 10px 12px; border: 1px solid #e4e9ea; border-radius: 6px; background: white; }
.timeline-message.own { align-self: flex-end; border-color: #bfe3dc; background: #edf9f6; }
.timeline-message header { display: flex; justify-content: space-between; gap: 12px; }
.timeline-message strong { font-size: 11px; }
.timeline-message time { color: var(--muted); font-size: 10px; }
.timeline-message p { margin: 5px 0 0; overflow-wrap: anywhere; white-space: pre-wrap; color: #3f4d5e; font-size: 12px; line-height: 1.65; }
.workspace-empty { margin: auto; padding: 16px; color: var(--muted); text-align: center; font-size: 12px; }
.message-composer { padding: 14px 15px; border-top: 1px solid var(--line); }
.message-composer > label, .attachment-form label, .quote-form > label, .quote-form fieldset label { display: grid; gap: 5px; color: #4e5d6e; font-size: 11px; font-weight: 700; }
.message-composer textarea, .attachment-form select, .quote-form input, .quote-form textarea { width: 100%; min-height: 40px; padding: 8px 9px; border: 1px solid #d4dce0; border-radius: 4px; color: var(--ink); background: white; font: inherit; font-size: 12px; }
.message-composer textarea { min-height: 74px; resize: vertical; }
.message-composer textarea:focus, .attachment-form select:focus, .quote-form input:focus, .quote-form textarea:focus { border-color: var(--teal); outline: 3px solid rgba(15, 157, 138, 0.12); }
.composer-footer { margin-top: 9px; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.composer-footer > span { color: var(--muted); font-size: 10px; }
.conversation-primary, .conversation-secondary, .file-access-button { min-height: 40px; padding: 0 12px; display: inline-flex; justify-content: center; align-items: center; gap: 6px; border-radius: 4px; font: inherit; font-size: 11px; font-weight: 750; }
.conversation-primary { border: 1px solid var(--teal); color: white; background: var(--teal); }
.conversation-secondary, .file-access-button { border: 1px solid #cfd8dc; color: #465667; background: white; }
.conversation-primary svg { width: 14px; }
.conversation-primary:disabled, .conversation-secondary:disabled, .file-access-button:disabled { cursor: not-allowed; opacity: 0.55; }
.operation-status, .operation-alert { min-height: 18px; margin: 8px 0 0; overflow-wrap: anywhere; font-size: 11px; }
.operation-status { color: #527068; }
.operation-alert { padding: 8px 10px; color: #983e2e; background: #fff0ec; }
.workspace-section { border-top: 8px solid #f4f6f7; }
.attachment-form { padding: 13px 15px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(150px, 0.55fr) auto; gap: 10px; align-items: end; }
.file-picker { min-height: 40px; padding: 0 10px; display: flex !important; grid-template-columns: auto 1fr; align-items: center; border: 1px dashed #b8c7cc; border-radius: 4px; }
.file-picker svg { width: 15px; }
.file-picker input { min-width: 0; width: 100%; color: var(--muted); font-size: 10px; }
#attachment-status { padding: 0 15px; }
.file-list { padding: 7px 15px 15px; display: grid; gap: 7px; }
.file-row { min-width: 0; padding: 10px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid #edf0f2; background: #fbfcfc; }
.file-row > div { min-width: 0; }
.file-row strong, .file-row span, .file-row small { display: block; overflow-wrap: anywhere; }
.file-row strong { font-size: 12px; }
.file-policy { margin-top: 2px; color: var(--muted); font-size: 10px; }
.file-status { margin-top: 3px; color: #657481; font-size: 10px; font-weight: 700; }
.status-available { color: #087d6d; }
.status-blocked, .status-delete_failed { color: #b84a35; }
.status-scanning, .status-quarantined { color: #99661e; }
.file-summary { margin: 7px 0 0; overflow-wrap: anywhere; color: #566575; font-size: 11px; }
.conversation-side { min-width: 0; display: grid; gap: 12px; }
.quote-list, .quote-form, .order-summary, .milestone-list, .permission-panel dl { padding: 13px 15px; }
.quote-list { display: grid; gap: 9px; }
.quote-card { padding: 11px; border: 1px solid #dfe6e8; }
.quote-card > header { display: flex; justify-content: space-between; gap: 8px; }
.quote-state { color: var(--muted); font-size: 10px; }
.compact-data-list { margin: 9px 0; }
.data-row { padding: 5px 0; display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 8px; border-top: 1px solid #eef1f2; }
.data-row dt { color: var(--muted); font-size: 10px; }
.data-row dd { margin: 0; overflow-wrap: anywhere; font-size: 11px; }
.quote-form { display: grid; gap: 10px; border-top: 1px solid var(--line); }
.quote-form[hidden] { display: none; }
.quote-form textarea { min-height: 62px; resize: vertical; }
.quote-form fieldset { margin: 0; padding: 10px; display: grid; gap: 8px; border: 1px solid #e2e7e9; }
.quote-form legend { padding: 0 4px; color: var(--muted); font-size: 10px; font-weight: 700; }
.order-summary p { margin: 0; color: var(--muted); font-size: 11px; }
.milestone-list { margin: 0; padding-top: 0; display: grid; gap: 8px; list-style-position: inside; }
.milestone-list li { padding: 9px; border-left: 3px solid var(--teal); background: #f7faf9; }
.milestone-list strong, .milestone-list span, .milestone-list small { display: block; overflow-wrap: anywhere; }
.milestone-list span, .milestone-list small { color: var(--muted); font-size: 10px; }
.permission-panel dl { margin: 0; display: grid; gap: 9px; }
.permission-panel dl div { padding-bottom: 8px; border-bottom: 1px solid #edf0f2; }
.permission-panel dl div:last-child { padding-bottom: 0; border-bottom: 0; }
.permission-panel dt { font-size: 11px; font-weight: 750; }
.permission-panel dd { margin: 2px 0 0; color: var(--muted); font-size: 10px; }

@media (max-width: 940px) {
  .conversation-heading { grid-template-columns: 1fr; gap: 15px; }
  .conversation-layout { grid-template-columns: 1fr; }
  .message-list { height: 430px; }
}
@media (max-width: 640px) {
  .conversation-workspace { padding: 18px 12px 32px; }
  .conversation-meta { grid-template-columns: 1fr; }
  .conversation-meta div { border-left: 0; border-top: 1px solid var(--line); }
  .conversation-meta div:first-child { border-top: 0; }
  .message-list { min-height: 300px; height: 48vh; padding: 12px; }
  .timeline-message { width: 92%; }
  .conversation-panel-head, .workspace-section > header, .side-workspace-panel > header { align-items: flex-start; }
  .attachment-form { grid-template-columns: 1fr; align-items: stretch; }
  .composer-footer { align-items: flex-start; flex-direction: column; }
  .composer-footer .conversation-primary, .attachment-form .conversation-secondary { width: 100%; }
  .file-row { align-items: stretch; flex-direction: column; }
  .file-access-button { width: 100%; }
  .demo-mode-label { display: none; }
}

/* 智合易通科技主题：深靛蓝承载品牌，电光青负责行动提示，内容区保持高可读性。 */
body { background: var(--canvas); }
.topbar { background: rgba(248, 251, 255, 0.97); box-shadow: 0 2px 14px rgba(15, 27, 53, 0.05); }
.brand-mark { position: relative; overflow: hidden; }
.brand-mark::after { content: ""; width: 10px; height: 10px; position: absolute; right: -2px; bottom: -2px; border: 1px solid #67e8f9; border-radius: 50%; opacity: 0.65; }
.brand > span:not(.brand-mark) { letter-spacing: 0.4px; }
.brand b { font-weight: 850; }
.main-nav a.active { color: var(--ink); }
.auth-entry { border-color: #a5eaf4; color: #087f9a; background: #f7fdff; }
.auth-entry:hover { color: #071729; border-color: var(--teal); background: var(--teal); }
.auth-status { color: #087f9a; }
.primary-button { border-color: var(--teal); color: #071729; background: var(--teal); box-shadow: 0 8px 18px rgba(34, 211, 238, 0.18); }
.primary-button:hover { background: #67e8f9; border-color: #67e8f9; }
.secondary-button { border-color: #a5eaf4; color: #087f9a; }
.search-hero { background: var(--dark); }
.search-hero .eyebrow { color: #8fa8c8; }
.search-hero .eyebrow > span:first-child { background: var(--teal); box-shadow: 0 0 0 4px rgba(34, 211, 238, 0.12); }
.search-hero .search-tabs { scrollbar-color: #49617e transparent; }
.search-hero .search-tab { color: #b8c7dd; border-color: #3b5372; background: rgba(255, 255, 255, 0.04); }
.search-hero .search-tab[data-search-type="all"] { color: #c3d3e8; border-color: #476281; background: rgba(255, 255, 255, 0.06); }
.search-hero .search-tab[data-tone]:hover, .search-hero .search-tab[data-tone].active, .search-hero .search-tab[data-search-type="all"].active { color: #061728; border-color: var(--teal); background: var(--teal); }
.search-hero .search-sort { color: #a9bad0; border-color: #3b5372; background: rgba(255, 255, 255, 0.05); }
.search-hero .search-sort select { color: #f7fbff; background: transparent; }
.search-hero .hot-industries { color: #8fa8c8; }
.search-hero .hot-industries button { color: #bdd0e6; background: rgba(255, 255, 255, 0.07); }
.search-hero .hot-industries button:hover { color: #061728; background: var(--teal); }
.market-section-heading h3 { font-size: 24px; font-weight: 820; letter-spacing: -0.1px; }
.market-section-heading p:not(.eyebrow) { font-size: 15px; line-height: 1.7; }
.market-section-count { font-size: 13px; }
.market-section-grid { column-gap: 26px; row-gap: 28px; }
.market-section-card { padding: 20px; border-color: #d7e1ed; background: #fff; box-shadow: 0 8px 20px rgba(15, 27, 53, 0.07); }
.market-section-card:hover { border-color: #9db5d1; box-shadow: 0 14px 28px rgba(15, 27, 53, 0.12); }
.search-result-meta { font-size: 11px; }
.search-result-body h3 { font-size: 19px; font-weight: 800; }
.search-result-body .creator-product-title { font-size: 21px; font-weight: 820; }
.result-owner, .creator-credit { font-size: 13px; }
.result-summary { font-size: 13px; line-height: 1.65; }
.result-evidence { font-size: 11px; }
.result-evidence strong { font-size: 17px; }
.market-trust-band { border-color: #c6d5e6; color: #eef6ff; background: #14284a; }
.market-trust-band .eyebrow { color: #91a9c7; }
.market-trust-band .eyebrow > span:first-child { background: var(--teal); }
.market-trust-band h2 { font-size: 21px; }
.market-trust-band p:not(.eyebrow) { color: #b7c8df; font-size: 14px; line-height: 1.7; }
.trust-points { color: #67e8f9; font-size: 13px; }
.market-cta-band { border-color: #bdeef5; background: #f6fdff; box-shadow: 0 12px 28px rgba(15, 27, 53, 0.1); }
.market-cta-icon { color: #087f9a; background: #dff9fd; }
.market-cta-copy h2 { font-size: 24px; font-weight: 820; }
.market-cta-copy p:not(.eyebrow) { font-size: 15px; }
.eyebrow { font-size: 12px; }
.eyebrow > span:first-child { background: var(--teal); }
.creator-card, .capability-card, .creator-product-card { border-color: #d7e1ed; }
.creator-profile h3 { font-size: 15px; }
.creator-profile p, .creator-output span, .creator-tags span, .creator-proof { font-size: 11px; }
.creator-output p { font-size: 13px; }
.avatar-teal { color: #075b75; background: #b8f1fa; }
.chat-button { border-color: var(--teal); color: #071729; background: var(--teal); }
.chat-button:hover { border-color: #67e8f9; background: #67e8f9; }
.search-input-wrap svg { color: #7890ab; }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.16); }

    @media (max-width: 560px) {
      .topbar { height: 64px; gap: 8px; }
      .brand { font-size: 17px; white-space: nowrap; }
  .brand-mark { width: 32px; height: 32px; border-radius: 9px; }
  .brand-mark svg { width: 18px; height: 18px; }
  .search-hero { margin: -20px -16px 34px; padding: 48px 16px 24px; }
  .search-hero-copy h1 { font-size: 36px; }
  .search-hero-copy p:not(.eyebrow) { font-size: 15px; }
  .market-section-heading h3 { font-size: 22px; }
  .market-section-heading p:not(.eyebrow) { font-size: 14px; }
  .market-section-card { padding: 16px; }
  .search-result-body h3 { font-size: 18px; }
  .search-result-body .creator-product-title { font-size: 19px; }
  .market-trust-band h2, .market-cta-copy h2 { font-size: 21px; }
}

/* Search-first market shell */
body { overflow-x: hidden; }
.market-layout {
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(196px, 228px) minmax(0, 1fr);
  gap: 32px;
  align-items: start;
}
.market-sidebar {
  min-width: 0;
  position: sticky;
  top: 96px;
  padding: 18px 14px;
  border: 1px solid #d7e1ed;
  border-radius: 10px;
  background: #f8fbff;
  box-shadow: 0 8px 20px rgba(15, 27, 53, 0.06);
}
.market-sidebar-label { margin: 0 8px 12px; color: #687b95; font-size: 12px; font-weight: 800; }
.market-sidebar-nav { display: grid; gap: 6px; }
.market-sidebar-nav a {
  min-height: 44px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: #49607b;
  text-decoration: none;
  font-size: 13px;
  font-weight: 750;
}
.market-sidebar-nav a svg { width: 17px; height: 17px; flex: 0 0 auto; }
.market-sidebar-nav a[data-tone="product"] svg { color: var(--market-product); }
.market-sidebar-nav a[data-tone="demand"] svg { color: var(--market-demand); }
.market-sidebar-nav a[data-tone="custom"] svg { color: var(--market-custom, #7c3aed); }
.market-sidebar-nav a:hover, .market-sidebar-nav a.active { border-color: #a9c7e5; color: #173a66; background: #eaf3ff; box-shadow: 0 0 0 2px rgba(47, 111, 186, 0.08); }
.market-sidebar-nav a[data-tone="demand"].active { border-color: #f0c98e; background: #fff5e7; }
.market-sidebar-nav a[data-tone="custom"].active { border-color: #c9b6fa; background: #f4efff; }
.sidebar-publish-link {
  min-height: 38px;
  margin: 16px 8px 0;
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 7px;
  border-top: 1px solid #dbe5ef;
  color: #087f9a;
  text-decoration: none;
  font-size: 12px;
  font-weight: 800;
}
.sidebar-publish-link svg { width: 16px; }
.sidebar-publish-link:hover { color: #075f75; }
.market-sidebar .more-markets { margin-top: 14px; background: white; }
.market-sidebar .more-markets-menu { grid-template-columns: 1fr; }
.market-sidebar .more-markets-menu a { padding: 9px 10px; }
.market-content { min-width: 0; }
.market-section-heading { min-height: 0; align-items: center; }
.market-section-heading h2 { margin: 0 0 6px; font-size: 27px; font-weight: 850; line-height: 1.2; }
.market-section-heading .outline-button { width: auto; flex: 0 0 auto; min-height: 38px; }
.market-section-heading p:not(.eyebrow) { font-size: 14px; }
.market-section-actions { justify-content: flex-end; flex-wrap: wrap; }
.market-sort-control { min-height: 38px; padding: 0 8px 0 10px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid #c9d8e8; border-radius: 6px; color: #5b6e86; background: #fff; font-size: 12px; font-weight: 750; white-space: nowrap; }
.market-sort-control:focus-within { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.16); }
.market-sort-control select { min-height: 26px; max-width: 128px; padding: 0 3px; border: 0; outline: 0; color: #173a66; background: transparent; font: inherit; font-weight: 800; cursor: pointer; }
.market-section-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); justify-content: stretch; gap: 16px; margin-top: 22px; }
.market-section-grid[data-market-section="custom"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.market-section-card { width: auto; height: auto; min-height: 326px; aspect-ratio: auto; padding: 18px; }
.market-section-card[data-result-type="custom"]::after { background: var(--market-custom, #7c3aed); }
.market-section-card[data-result-type="custom"] .type-badge { background: var(--market-custom, #7c3aed); }
.search-result-card[data-result-type="custom"]::before { background: var(--market-custom, #7c3aed); }
.confidentiality-pill { padding: 3px 6px; border: 1px solid #c9b7f1; border-radius: 999px; color: #6941c6; background: #f7f3ff; font-size: 10px; font-weight: 750; white-space: nowrap; }
.custom-preview-assets { min-height: 42px; margin: 2px 0 10px; display: flex; align-items: center; gap: 7px; overflow: hidden; }
.custom-preview-image { width: 74px; height: 42px; flex: 0 0 auto; object-fit: cover; border: 1px solid #d9d6ea; border-radius: 5px; background: #f4f1fb; }
.custom-preview-note { display: inline-flex; align-items: center; min-height: 30px; padding: 6px 8px; border: 1px dashed #c9b7f1; border-radius: 5px; color: #7256aa; background: #faf8ff; font-size: 10px; line-height: 1.4; }
.card-action-secondary { color: #6941c6; border-color: #c9b7f1; text-decoration: none; }
.card-action-secondary:hover { color: white; border-color: #6941c6; background: #6941c6; }
.creator-action-group { display: inline-flex; align-items: center; gap: 8px; }
.creator-action-group .compact { min-height: 36px; padding: 0 12px; font-size: 12px; }
.creator-action-group .secondary-button { border-color: #c9b7f1; color: #6941c6; }
.creator-action-group .secondary-button:hover { color: white; border-color: #6941c6; background: #6941c6; }
.hot-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-flow: dense; gap: 16px; margin-top: 22px; align-items: stretch; }
.hot-product-card { min-width: 0; min-height: 310px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #d7e1ed; border-radius: 10px; background: #fff; box-shadow: 0 8px 20px rgba(15, 27, 53, 0.07); transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease; }
.hot-product-card:hover { transform: translateY(-3px); border-color: #9db5d1; box-shadow: 0 14px 28px rgba(15, 27, 53, 0.12); }
.hot-product-card[data-layout="hero"] { grid-column: span 2; grid-row: span 2; min-height: 636px; }
.hot-product-card[data-layout="wide"] { grid-column: span 2; min-height: 310px; }
.hot-product-visual { min-height: 142px; flex: 0 0 142px; position: relative; overflow: hidden; background: #dbe6f1; }
.hot-product-card[data-layout="hero"] .hot-product-visual { min-height: 294px; flex-basis: 294px; }
.hot-product-card[data-layout="wide"] .hot-product-visual { min-height: 156px; flex-basis: 156px; }
.hot-product-visual::after { content: ""; position: absolute; inset: 0; background: rgba(10, 25, 37, 0.12); pointer-events: none; }
.hot-product-visual img { width: 100%; height: 100%; display: block; object-fit: cover; }
.hot-product-visual .mode-badge { top: 12px; left: 12px; }
.hot-product-body { min-width: 0; min-height: 0; padding: 15px 16px 16px; display: flex; flex: 1; flex-direction: column; }
.hot-product-title { margin: 0 0 7px; font-size: 20px; font-weight: 850; line-height: 1.28; }
.hot-product-card[data-layout="standard"] .hot-product-title { font-size: 17px; }
.hot-product-summary { min-height: 40px; margin: 0 0 11px; overflow: hidden; color: var(--muted); font-size: 13px; line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.hot-product-meta { min-height: 22px; display: flex; flex-wrap: wrap; gap: 6px; color: #718199; font-size: 11px; }
.hot-product-meta span { padding: 3px 6px; border-radius: 4px; background: #f1f5f9; }
.hot-product-footer { margin-top: auto; padding-top: 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid var(--line); }
.creator-store-link { min-width: 0; overflow: hidden; color: #087f9a; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 800; text-decoration: none; }
.creator-store-link:hover { color: #075f75; text-decoration: underline; }
.hot-product-actions { display: flex; flex: 0 0 auto; gap: 6px; }
.hot-product-actions .card-action, .hot-product-actions .primary-card-action { min-height: 32px; padding: 0 9px; font-size: 11px; }
.primary-card-action { border: 1px solid var(--teal); border-radius: 5px; color: #071729; background: var(--teal); font-weight: 800; }
.primary-card-action:hover:not(:disabled) { border-color: #67e8f9; background: #67e8f9; }
.primary-card-action:disabled, .card-action:disabled { cursor: not-allowed; opacity: 0.62; }
.loading-state, .market-error { margin: 18px 0 0; color: var(--muted); font-size: 13px; }
.market-error { padding: 12px 14px; border-left: 3px solid #d75b42; color: #9a3e2f; background: #fff1ed; }

.industry-service-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 22px; }
.industry-service-card { min-width: 0; min-height: 224px; padding: 18px; display: flex; flex-direction: column; border: 1px solid #d7e1ed; border-radius: 8px; background: #fff; box-shadow: 0 8px 20px rgba(15, 27, 53, 0.07); transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease; }
.industry-service-card:hover { transform: translateY(-2px); border-color: #9db5d1; box-shadow: 0 14px 28px rgba(15, 27, 53, 0.12); }
.industry-service-card-heading { min-width: 0; }
.industry-service-card-kicker { display: block; margin-bottom: 5px; color: var(--market-product); font-size: 10px; font-weight: 800; letter-spacing: 0.5px; }
.industry-service-card h3 { margin: 0; overflow-wrap: anywhere; font-size: 20px; line-height: 1.25; }
.industry-service-card-summary { min-height: 50px; margin: 12px 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.industry-service-card-scenarios { min-height: 25px; display: flex; flex-wrap: wrap; gap: 5px; }
.industry-service-card-scenarios span { padding: 3px 6px; border-radius: 4px; color: #4f6480; background: var(--market-product-pale); font-size: 10px; }
.industry-service-card-counts { margin-top: auto; padding-top: 12px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; border-top: 1px solid var(--line); }
.industry-service-card-counts span { min-width: 0; display: grid; gap: 1px; }
.industry-service-card-counts strong { font-size: 16px; line-height: 1.2; }
.industry-service-card-counts small { overflow: hidden; color: #7d8da3; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.industry-service-card-link { min-height: 34px; margin-top: 14px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #b5d8ef; border-radius: 5px; color: #23669e; background: #f5fbff; font-size: 11px; font-weight: 800; text-decoration: none; }
.industry-service-card-link:hover { color: #fff; border-color: var(--market-product); background: var(--market-product); }
.industry-service-detail-heading { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 16px; }
.industry-service-detail-heading .secondary-button { width: auto; min-height: 36px; padding: 0 12px; }
.industry-service-detail-heading h2 { margin-bottom: 6px; }
.industry-service-detail-heading p:not(.eyebrow) { margin-bottom: 0; color: var(--muted); font-size: 14px; }
.industry-service-quick-links { max-width: 100%; margin: 20px 0 28px; padding-bottom: 4px; display: flex; gap: 8px; overflow-x: auto; overscroll-behavior-inline: contain; }
.industry-service-quick-links .outline-button { min-width: max-content; min-height: 36px; padding: 0 12px; flex: 0 0 auto; white-space: nowrap; }
.industry-service-section { margin-top: 30px; }
.industry-service-section:first-of-type { margin-top: 0; }
.industry-service-section .market-section-heading h3 { margin: 0; font-size: 20px; }
.industry-service-section .market-section-heading { min-height: 0; }
.industry-service-section .market-section-grid { margin-top: 14px; }
.industry-service-retry { width: auto; margin-top: 10px; }

@media (max-width: 980px) {
  .industry-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .industry-service-grid { grid-template-columns: 1fr; }
  .industry-service-detail-heading { grid-template-columns: 1fr; gap: 12px; }
  .industry-service-detail-heading .secondary-button { justify-self: start; }
  .industry-service-quick-links { margin-top: 16px; margin-bottom: 22px; }
  .industry-service-card { min-height: 0; }
}

@media (max-width: 980px) {
  .market-layout { grid-template-columns: minmax(176px, 204px) minmax(0, 1fr); gap: 22px; }
  .hot-product-grid, .market-section-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .market-section-grid[data-market-section="custom"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hot-product-card[data-layout="hero"], .hot-product-card[data-layout="wide"] { grid-column: span 2; }
}
    @media (max-width: 820px) {
      .search-hero { margin-left: -16px; margin-right: -16px; }
      .market-layout { grid-template-columns: 1fr; gap: 18px; }
      .market-sidebar { position: static; padding: 12px; }
  .market-sidebar-label { margin-bottom: 8px; }
  .market-sidebar-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .market-sidebar-nav a { justify-content: center; padding: 0 7px; }
  .sidebar-publish-link { width: fit-content; margin-top: 10px; border-top: 0; }
      .market-sidebar .more-markets-menu { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .global-search { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .search-input-wrap { grid-column: 1 / -1; min-width: 0; }
      .global-search > .primary-button { grid-column: 1 / -1; width: 100%; }
  .hot-product-grid, .market-section-grid, .market-section-grid[data-market-section="custom"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .market-sidebar-nav { grid-template-columns: 1fr; }
  .market-sidebar-nav a { justify-content: flex-start; }
  .market-sidebar .more-markets-menu { grid-template-columns: 1fr; }
  .global-search { grid-template-columns: 1fr; }
  .search-input-wrap { grid-column: auto; }
  .global-search > .primary-button { width: 100%; }
  .market-section-heading h2 { font-size: 23px; }
  .market-section-heading .market-section-actions { margin-top: 12px; align-items: stretch; justify-content: stretch; }
  .market-sort-control { flex: 1 1 0; justify-content: space-between; }
  .market-section-heading .outline-button { width: 100%; margin-top: 12px; }
  .hot-product-grid, .market-section-grid, .market-section-grid[data-market-section="custom"] { grid-template-columns: 1fr; }
  .hot-product-card, .hot-product-card[data-layout="hero"], .hot-product-card[data-layout="wide"] { grid-column: auto; grid-row: auto; min-height: 0; }
  .hot-product-card[data-layout="hero"] .hot-product-visual, .hot-product-card[data-layout="wide"] .hot-product-visual { min-height: 170px; flex-basis: 170px; }
  .hot-product-title, .hot-product-card[data-layout="standard"] .hot-product-title { font-size: 19px; }
  .market-section-card { min-height: 300px; }
}

@media (max-width: 760px) {
  .buyer-conversation-list { grid-template-columns: 1fr; gap: 10px; }
  .buyer-conversation-card { min-height: 168px; }
  .orders-workspace { padding-top: 24px; }
  .orders-heading { align-items: flex-start; flex-direction: column; gap: 14px; }
  .orders-heading h1 { font-size: 30px; }
  .order-summary-grid { grid-template-columns: 1fr; gap: 9px; }
  .order-summary-card { min-height: 76px; grid-template-columns: 1fr auto; align-items: center; }
  .order-summary-card strong { font-size: 28px; }
  .order-list { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .buyer-conversation-panel { margin-top: 18px; padding-top: 17px; }
  .buyer-conversation-heading h2 { font-size: 20px; }
  .buyer-conversation-card { min-height: 0; padding: 15px; }
  .buyer-conversation-error { align-items: flex-start; flex-direction: column; }
  .buyer-conversation-error .outline-button { width: 100%; }
  .orders-page .main-nav { display: none; }
  .orders-page .topbar-actions { margin-left: auto; }
  .orders-workspace { padding-right: 16px; padding-left: 16px; }
  .orders-heading { padding-top: 16px; }
  .orders-heading h1 { font-size: 28px; }
  .order-list-toolbar { min-height: 0; padding: 14px 0; align-items: stretch; flex-direction: column; }
  .order-filter-bar { width: 100%; }
  .order-filter { min-width: 0; flex: 1 1 0; }
  .order-result-count { padding-left: 2px; }
  .order-card { min-height: 228px; padding: 16px; }
  .order-card-title { font-size: 18px; }
  .order-card-footer { align-items: flex-start; flex-direction: column; }
  .order-card-footer .outline-button { width: 100%; }
}

/* Product checkout: quote choice stays compact while long authorization text wraps safely. */
.product-offer-section { margin: 20px 0; padding: 16px; border: 1px solid #cbdced; border-radius: 8px; background: #f7fbff; }
.product-offer-title { margin: 0 0 11px; font-size: 15px; font-weight: 820; }
.product-offer-list { margin: 0; padding: 0; display: grid; gap: 8px; border: 0; }
.product-offer-option { min-width: 0; padding: 11px 12px; display: grid; grid-template-columns: 20px minmax(0, 1fr); align-items: start; gap: 8px; border: 1px solid #d7e3f0; border-radius: 7px; background: #fff; cursor: pointer; }
.product-offer-option:has(input:checked) { border-color: #63cfe2; background: #edfbff; box-shadow: 0 0 0 2px rgba(34, 211, 238, 0.12); }
.product-offer-option input { margin: 3px 0 0; accent-color: #0891b2; }
.product-offer-copy { min-width: 0; display: grid; gap: 2px; }
.product-offer-copy strong { font-size: 13px; }
.product-offer-copy small { color: #5f6f86; font-size: 11px; line-height: 1.45; overflow-wrap: anywhere; }
.product-offer-copy .product-offer-scope { color: #315d98; }
.product-custom-note { margin: 13px 0 9px; color: #6941c6; font-size: 12px; line-height: 1.55; }
.product-detail-actions { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; }
.product-detail-actions .primary-button, .product-detail-actions .outline-button { width: auto; min-height: 42px; }
.product-detail-secondary-actions { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
.product-detail-list { margin-top: 18px; border-top: 1px solid var(--line); }
.product-detail-row { min-width: 0; padding: 12px 0; display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 16px; border-bottom: 1px solid var(--line); }
.product-detail-row strong { font-size: 12px; }
.product-detail-row span { min-width: 0; color: var(--muted); font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.product-detail-creator { margin-top: 16px; padding: 14px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border: 1px solid #cbdced; border-radius: 7px; background: #f7fbff; }
.product-detail-creator-copy { min-width: 0; display: grid; gap: 2px; }
.product-detail-creator-copy span { color: var(--muted); font-size: 11px; }
.product-detail-creator-copy strong { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.product-detail-creator .outline-button { width: auto; flex: 0 0 auto; }
.product-media-section { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); }
.product-media-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.product-media-heading h3 { margin: 0; font-size: 17px; }
.product-media-heading span { color: var(--muted); font-size: 11px; }
.product-media-notice { margin: 7px 0 12px; color: var(--muted); font-size: 12px; line-height: 1.55; }
.product-media-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.product-media-tile { min-width: 0; padding: 0; overflow: hidden; display: grid; gap: 5px; border: 1px solid #d7e3f0; border-radius: 7px; color: var(--ink); background: #fff; text-align: left; cursor: pointer; }
.product-media-tile:hover { border-color: #5bc6dc; box-shadow: 0 0 0 2px rgba(34, 211, 238, 0.12); }
.product-media-tile:focus-visible { outline: 3px solid rgba(34, 211, 238, 0.42); outline-offset: 2px; }
.product-media-tile-frame { min-height: 84px; position: relative; display: grid; place-items: center; overflow: hidden; background: #edf4fa; }
.product-media-tile-frame img { width: 100%; height: 84px; display: block; object-fit: cover; }
.product-media-video-placeholder { color: #315d98; font-size: 12px; font-weight: 750; }
.product-media-kind { position: absolute; right: 6px; bottom: 6px; padding: 3px 6px; border-radius: 4px; color: #fff; background: rgba(18, 33, 51, 0.78); font-size: 10px; font-weight: 750; }
.product-media-tile-caption { min-width: 0; padding: 0 7px 7px; display: grid; gap: 2px; }
.product-media-tile-caption strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.product-media-tile-caption small { color: var(--muted); font-size: 10px; }
.product-media-preview-dialog { width: min(760px, calc(100% - 28px)); }
.product-media-preview-dialog .dialog-content { padding: 28px; }
.product-media-preview-stage { min-height: 260px; display: grid; place-items: center; overflow: hidden; border: 1px solid #d7e3f0; border-radius: 7px; background: #0f1c2b; }
.product-media-preview-stage img, .product-media-preview-stage video { max-width: 100%; max-height: min(62vh, 560px); display: block; object-fit: contain; }
.product-media-preview-fallback { max-width: 32ch; margin: 0; padding: 20px; color: #c9d8e7; font-size: 13px; line-height: 1.6; text-align: center; }
.product-media-preview-caption { margin: 12px 0 0 !important; color: var(--ink) !important; font-size: 13px !important; line-height: 1.5; }
.product-media-preview-note { margin: 6px 0 0 !important; color: var(--muted) !important; font-size: 11px !important; }
.product-feedback-section { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); }
.product-feedback-title { margin: 0 0 12px; font-size: 17px; }
.product-feedback-empty { margin: 0; color: var(--muted); font-size: 12px; }
.product-feedback-summary { display: flex; align-items: baseline; gap: 10px; }
.product-feedback-overall { color: #315d98; font-size: 26px; line-height: 1; }
.product-feedback-summary span { color: var(--muted); font-size: 12px; }
.product-feedback-metrics { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.product-feedback-metric { padding: 5px 8px; border-radius: 4px; color: #315d98; background: #f3f8ff; font-size: 11px; }
.product-feedback-list { display: grid; gap: 8px; margin-top: 13px; }
.product-feedback-card { padding: 11px 12px; border: 1px solid #d7e3f0; border-radius: 6px; background: #f8fbff; }
.product-feedback-card-meta { display: flex; justify-content: space-between; gap: 12px; color: #315d98; font-size: 11px; }
.product-feedback-card-meta time { color: var(--muted); }
.product-feedback-card p { margin: 7px 0 0; color: var(--ink); font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.product-feedback-dialog { width: min(560px, calc(100% - 28px)); padding: 28px; }
.product-feedback-dialog form { position: relative; }
.product-feedback-dialog .dialog-heading { display: flex; justify-content: space-between; gap: 20px; }
.product-feedback-dialog .dialog-heading h2 { margin: 0 0 5px; font-size: 22px; }
.product-feedback-dialog .dialog-subtitle { margin: 0 0 20px; color: var(--muted); font-size: 13px; }
.product-feedback-score-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.product-feedback-score-grid label, .product-feedback-comment { display: grid; gap: 6px; color: var(--muted); font-size: 12px; font-weight: 700; }
.product-feedback-score-grid select, .product-feedback-comment textarea { width: 100%; min-width: 0; padding: 9px 10px; border: 1px solid #d7dde5; border-radius: 5px; color: var(--ink); background: white; font: inherit; font-size: 13px; }
.product-feedback-comment { margin-top: 15px; }
.product-feedback-comment textarea { min-height: 105px; resize: vertical; }
.product-feedback-dialog .dialog-actions { margin-top: 18px; display: flex; justify-content: flex-end; gap: 9px; }
.product-feedback-dialog .dialog-actions button { min-height: 38px; }
.operator-workspace .product-feedback-review-card textarea { width: 100%; min-height: 58px; margin-top: 12px; padding: 8px 9px; border: 1px solid #d7dde5; border-radius: 5px; color: var(--ink); background: #fff; font: inherit; font-size: 12px; resize: vertical; }
.operator-workspace .product-feedback-review-comment { margin: 12px 0 0; padding: 10px; border-left: 3px solid #9bb7d5; color: var(--ink); background: #f5f9fe; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.checkout-dialog-content { width: min(620px, 100%); }
.checkout-demo-note { margin: 0 0 17px !important; padding: 10px 12px; border-left: 3px solid #22a6bf; color: #155e75 !important; background: #ecfbff; font-size: 12px; line-height: 1.5; }
.checkout-summary { margin: 0 0 17px; padding: 14px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 17px; border: 1px solid #d7e3f0; border-radius: 8px; background: #f8fbff; }
.checkout-summary div { min-width: 0; display: grid; gap: 2px; }
.checkout-summary span { color: #6d7e93; font-size: 11px; font-weight: 700; }
.checkout-summary strong { min-width: 0; color: var(--ink); font-size: 14px; overflow-wrap: anywhere; }
.checkout-summary-wide { grid-column: 1 / -1; padding-top: 10px; border-top: 1px solid #dfe8f1; }
.checkout-auto-renew { min-height: 44px; padding: 10px 12px; display: flex; align-items: center; gap: 8px; border: 1px solid #d7e3f0; border-radius: 7px; color: #49607b; background: #fff; font-size: 12px; }
.checkout-auto-renew input { margin: 0; accent-color: #0891b2; }
#checkout-submit { min-height: 44px; }

.operator-readiness-summary { margin-top: 20px; }
.readiness-overview { padding: 16px 18px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border: 1px solid #c6dbe9; border-radius: 7px; background: #f4fbff; }
.readiness-overview strong { font-size: 15px; }
.readiness-overview.readiness-blocked { border-color: #f1c4c4; background: #fff8f8; }
.readiness-overview.readiness-demo_only { border-color: #ecd8a8; background: #fffaf0; }
.readiness-resources { margin-top: 14px; padding: 13px 15px; border: 1px solid #d7e3f0; border-radius: 6px; background: #fbfdff; }
.readiness-resource-heading { margin: 0; color: var(--ink); font-size: 13px; }
.readiness-resource-list { margin: 9px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; list-style: none; }
.readiness-resource-item { min-width: 0; display: grid; gap: 3px; }
.readiness-resource-link { width: fit-content; color: #1769aa; font-size: 12px; font-weight: 750; text-decoration: none; }
.readiness-resource-link:hover { text-decoration: underline; }
.readiness-resource-description { color: var(--muted); font-size: 11px; line-height: 1.45; }
.readiness-grid { margin-top: 14px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.readiness-card { min-width: 0; padding: 15px; display: grid; gap: 7px; border: 1px solid #d7e3f0; border-left: 3px solid #94a9bf; border-radius: 6px; background: #fff; }
.readiness-card.readiness-ready { border-left-color: #0891b2; background: #f5fdff; }
.readiness-card.readiness-blocked { border-left-color: #c24141; background: #fffafa; }
.readiness-card.readiness-demo_only { border-left-color: #bb7d0b; background: #fffaf1; }
.readiness-card.readiness-not_configured { border-left-color: #718096; background: #f8fafc; }
.readiness-card strong { font-size: 14px; line-height: 1.45; }
.readiness-status { width: fit-content; padding: 3px 7px; border-radius: 4px; color: #315d98; background: #edf6ff; font-size: 11px; font-weight: 700; }
.readiness-blocked .readiness-status { color: #a83232; background: #fff0f0; }
.readiness-demo_only .readiness-status { color: #855c0c; background: #fff3d6; }
.readiness-not_configured .readiness-status { color: #59677a; background: #eef2f6; }
.readiness-card p { margin: 0; font-size: 12px; line-height: 1.55; overflow-wrap: anywhere; }
.readiness-reason { color: var(--muted); }
.readiness-action { color: var(--ink); }
.commercial-review-items { margin-top: 7px; padding-top: 11px; border-top: 1px solid #e3ebf2; }
.readiness-subheading { margin: 0 0 8px; color: var(--ink); font-size: 12px; }
.readiness-commercial-list { margin: 0; padding: 0; display: grid; gap: 7px; list-style: none; }
.readiness-commercial-item { min-width: 0; padding: 8px 9px; border: 1px solid #e1e8ef; border-radius: 5px; background: #fbfdff; }
.readiness-commercial-item-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.readiness-commercial-item-heading strong { min-width: 0; overflow-wrap: anywhere; font-size: 12px; }
.readiness-item-status { flex: 0 0 auto; padding: 2px 5px; border-radius: 3px; color: #59677a; background: #eef2f6; font-size: 10px; font-weight: 750; }
.readiness-item-ready .readiness-item-status { color: #087d6d; background: #e8fbf5; }
.readiness-item-in_review .readiness-item-status { color: #315d98; background: #edf6ff; }
.readiness-item-blocked .readiness-item-status { color: #a83232; background: #fff0f0; }
.readiness-commercial-item-meta, .readiness-commercial-item-evidence { margin: 4px 0 0; color: var(--muted); font-size: 10px; line-height: 1.45; overflow-wrap: anywhere; }
.readiness-commercial-item-evidence a { color: #1769aa; font-weight: 700; text-decoration: none; }
.readiness-commercial-item-evidence a:hover { text-decoration: underline; }
.readiness-next-actions { margin-top: 18px; padding-top: 15px; border-top: 1px solid var(--line); }
.readiness-next-actions ul { margin: 8px 0 0; padding-left: 20px; color: var(--muted); font-size: 12px; line-height: 1.7; }

@media (max-width: 640px) {
  .checkout-summary { grid-template-columns: 1fr; gap: 10px; }
  .checkout-summary-wide { grid-column: auto; }
  .checkout-dialog-content { padding: 23px 18px; }
  .checkout-dialog-content .form-action-row { align-items: stretch; flex-direction: column-reverse; }
  .checkout-dialog-content .form-action-row button { width: 100%; min-height: 44px; }
  .product-offer-section { padding: 13px; }
  .product-media-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-media-preview-dialog .dialog-content { padding: 23px 18px; }
  .product-media-preview-stage { min-height: 210px; }
  .product-detail-row { grid-template-columns: 1fr; gap: 3px; }
  .product-detail-creator { align-items: stretch; flex-direction: column; }
  .product-detail-creator .outline-button { width: 100%; }
  .readiness-resource-list { grid-template-columns: 1fr; }
  .readiness-grid { grid-template-columns: 1fr; }
  .readiness-overview { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 820px) {
  .topbar-actions .notification-center { display: inline-flex; }
  .topbar-actions .notification-center .icon-button { display: inline-grid; }
  .notification-panel { right: -4px; }
}

@media (max-width: 560px) {
  .notification-panel { position: fixed; top: 66px; left: 12px; right: 12px; width: auto; max-height: calc(100vh - 78px); }
}