:root {
    --canvas:#f4f6fa; --surface:#fff; --ink:#15263d; --muted:#57677f;
    --line:#dfe5ed; --blue:#1953e8; --blue-hover:#1242bb; --blue-light:#edf2ff;
    --navy:#11233b; --navy-raised:#213953; --navy-muted:#b9c8dc;
    --green:#216647; --green-bg:#eef7f1; --green-line:#cce4d4;
    --amber:#78521a; --amber-bg:#fff7e7; --red:#a33131; --red-bg:#fff2f2;
    --radius:12px; color:var(--ink); background:var(--canvas);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;
    font-size:16px; line-height:1.55; font-synthesis:none;
}
* { box-sizing:border-box; scrollbar-color:#aebdd0 var(--canvas); }
body { margin:0; }
a { color:var(--blue); text-decoration:none; text-underline-offset:3px; }
a:hover { text-decoration:underline; }
button,input,select,textarea { font:inherit; }
button,a,input,select,textarea,summary { outline-offset:4px; }
:where(button,a,input,select,textarea,summary):focus-visible { outline:3px solid var(--blue); }
p { overflow-wrap:anywhere; }
svg { fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.icon { width:20px; height:20px; flex:none; vertical-align:middle; }
::selection { background:#d9e4ff; color:var(--ink); }
input,textarea { caret-color:var(--blue); }
[hidden] { display:none !important; }
.shell { max-width:1480px; margin:auto; padding:0 40px; }
.main { padding-top:32px; padding-bottom:64px; min-height:72vh; }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:1.9rem; font-weight:700; line-height:1.25; letter-spacing:-.03em; margin-bottom:0; text-wrap:balance; }
h2 { font-size:1.125rem; line-height:1.4; letter-spacing:-.015em; margin-bottom:16px; }
h3 { font-size:1rem; line-height:1.4; margin-bottom:10px; }
.small,small { font-size:.8125rem; color:var(--muted); }
.muted { color:var(--muted); }
.skip { position:fixed; left:16px; top:-80px; padding:12px 18px; background:var(--surface); z-index:100; }
.skip:focus { top:12px; }
.testbar { padding:6px 24px; color:var(--muted); background:#eef2f8; font-size:.6875rem; text-align:center; border-bottom:1px solid var(--line); }
.testbar > strong { font-size:.625rem; letter-spacing:.04em; margin-right:10px; }
.announcement-content { display:inline-block; max-width:100%; min-width:0; overflow-wrap:anywhere; vertical-align:top; }
.announcement-content p { margin:0; }
.announcement-content ul,.announcement-content ol { margin:0; padding-inline-start:1.25em; text-align:start; }
.announcement-content a { text-decoration:underline; }
.header { background:var(--surface); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:40; }
.header-inner { min-height:84px; display:flex; align-items:center; gap:40px; }
.brand { display:flex; align-items:center; gap:11px; color:var(--ink); font-weight:750; font-size:1.35rem; letter-spacing:-.035em; flex:none; }
.brand:hover { text-decoration:none; }
.brand small { display:block; margin-top:1px; font-size:.625rem; line-height:1.4; font-weight:500; letter-spacing:.015em; color:var(--muted); }
.nav { display:flex; align-items:center; align-self:stretch; gap:8px; }
.nav>a { display:flex; align-items:center; min-height:44px; padding:10px 14px; border-radius:8px; color:var(--muted); font-size:.875rem; font-weight:600; white-space:nowrap; }
.nav>a:hover { color:var(--ink); background:var(--canvas); text-decoration:none; }
.nav>a.current { color:var(--ink); background:var(--blue-light); }
.header-tools { margin-left:auto; display:flex; align-items:center; gap:14px; flex:none; }
.header-tools>form { display:flex; }
.header-signin { color:var(--ink); font-size:.875rem; font-weight:600; padding:10px; }
button,.button { min-height:44px; padding:11px 18px; border:1px solid var(--line); background:var(--surface); color:var(--ink); border-radius:8px; display:inline-flex; gap:8px; align-items:center; justify-content:center; font-size:.8125rem; font-weight:600; line-height:1.4; text-align:center; cursor:pointer; }
button:hover,.button:hover { background:#edf1f7; text-decoration:none; }
button:active,.button:active { transform:translateY(1px); }
.primary { background:var(--blue); border-color:var(--blue); color:var(--surface); }
.primary:hover { background:var(--blue-hover); border-color:var(--blue-hover); }
.danger { color:var(--red); }
button:disabled { opacity:.6; cursor:not-allowed; transform:none; }
.textbutton { border:0; background:none; color:var(--muted); padding:8px 12px; }
.language { border:0; border-radius:6px; padding:8px 10px; font-size:.75rem; color:var(--muted); }
.notification-link { display:inline-flex; align-items:center; justify-content:center; gap:5px; color:var(--muted); min-height:44px; position:relative; }
.notification-title { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.notification-link .notification-count { background:var(--red-bg); color:var(--red); border-color:#edc7c7; min-width:20px; text-align:center; }
.account-menu { position:relative; }
.account-menu>summary { list-style:none; min-height:44px; display:flex; align-items:center; gap:8px; cursor:pointer; font-size:.8125rem; font-weight:600; padding:8px 0 8px 12px; border-left:1px solid var(--line); }
.account-menu>summary::-webkit-details-marker { display:none; }
.account-menu>summary .icon:last-child { width:14px; }
.account-popover { position:absolute; top:calc(100% + 12px); right:0; width:250px; background:var(--surface); border-radius:12px; padding:12px; box-shadow:0 10px 32px rgba(17,35,59,.18); }
.account-popover>a,.account-popover .textbutton { display:flex; width:100%; justify-content:flex-start; padding:12px; border-radius:6px; color:var(--ink); font-size:.875rem; }
.account-popover>a:hover { background:var(--canvas); text-decoration:none; }
.account-pill { color:var(--muted); font-size:.75rem; padding:8px 12px 12px; margin:0 0 4px; border-bottom:1px solid var(--line); }
.page-head { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; margin-bottom:28px; }
.page-head p { color:var(--muted); max-width:72ch; margin:10px 0 0; font-size:.875rem; }
.page-head>.button { flex:none; }
.panel { padding:28px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); }
.layout { display:grid; grid-template-columns:minmax(0,1fr) 312px; gap:24px; align-items:start; }
.layout>* { min-width:0; }
.sidebar { display:grid; gap:20px; min-width:0; }
.sidebar p { color:var(--muted); font-size:.875rem; line-height:1.65; }
.sidebar .button,.sidebar button { width:100%; }
.sidebar ol { padding-left:20px; color:var(--muted); font-size:.875rem; }
.sidebar li { margin:10px 0; }
.section-gap { margin-top:24px; }
.section-small { margin-top:10px; }
.mb { margin-bottom:20px; }
.actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:24px; }
.wide { width:100%; }
.market-hero { display:flex; align-items:center; justify-content:space-between; gap:48px; padding:30px 36px; border-radius:14px; color:var(--surface); background:var(--navy); }
.market-hero h1 { font-size:2.35rem; letter-spacing:-.035em; line-height:1.2; }
.market-hero p { margin:12px 0 0; color:#cfdaea; font-size:.9375rem; line-height:1.6; max-width:76ch; }
.hero-action { background:var(--surface); color:var(--navy); border-color:var(--surface); flex:none; min-height:48px; padding-inline:22px; }
.hero-action:hover { background:#e7edfa; border-color:#e7edfa; }
.market-categories { display:flex; align-items:stretch; gap:8px; padding:14px 0; margin:8px 0 0; overflow:auto; }
.market-categories>a { display:flex; align-items:center; justify-content:center; gap:10px; padding:10px 15px; border-radius:8px; font-size:.8125rem; color:var(--muted); font-weight:600; min-height:48px; white-space:nowrap; flex:1; }
.market-categories>a:hover { color:var(--blue); background:var(--blue-light); text-decoration:none; }
.market-categories>a.selected { color:var(--blue); background:var(--blue-light); }
.market-categories .icon { width:23px; height:23px; }
.filters { display:grid; grid-template-columns:1.05fr 1.8fr 1.2fr 1fr auto; gap:14px; padding:20px; margin-bottom:28px; }
.filters .filter-action { align-self:end; }
.filters>div { min-width:0; }
.market-filters input,.market-filters select { height:46px; background-color:#fafbfd; }
.list-top { display:flex; align-items:center; justify-content:space-between; color:var(--muted); font-size:.8125rem; margin:0 0 16px; gap:16px; min-height:42px; }
.list-top>div { display:flex; align-items:baseline; gap:16px; }
.list-top h2 { font-size:1.25rem; color:var(--ink); margin:0; }
.request-list { border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--surface); }
.request-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px; padding:24px; border-bottom:1px solid var(--line); }
.request-row:last-child { border-bottom:0; }
.request-row h2 { font-size:1.125rem; margin:0 0 12px; letter-spacing:-.015em; }
.request-row h2 a { color:var(--ink); }
.request-row h2 a:hover { color:var(--blue); }
.row-meta { display:flex; flex-wrap:wrap; gap:8px 20px; color:var(--muted); font-size:.8125rem; }
.row-budget { margin-top:12px; font-size:.875rem; }
.row-side { display:flex; align-items:flex-end; text-align:right; flex-direction:column; gap:10px; font-size:.75rem; color:var(--muted); }
.tag { display:inline-flex; align-items:center; gap:4px; padding:3px 8px; border:1px solid var(--line); border-radius:5px; color:var(--muted); font-size:.75rem; font-weight:500; line-height:1.5; white-space:nowrap; }
.tag.active { color:var(--green); background:var(--green-bg); border-color:var(--green-line); }
.tag.pending { color:var(--amber); background:var(--amber-bg); }
.tag.closed,.tag.expired,.tag.rejected { background:#edf0f4; }
.category-label { font-size:.75rem; color:var(--blue); margin:0 0 8px; font-weight:600; }
.market-request { grid-template-columns:minmax(0,1fr) 192px; gap:16px 28px; padding:24px 28px 18px; }
.request-heading { display:flex; align-items:center; gap:12px; margin-bottom:9px; }
.request-heading .category-label { margin:0; }
.market-request h2 { font-size:1.125rem; margin-bottom:16px; }
.request-facts { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr) minmax(0,1.6fr); gap:12px; }
.request-facts small { display:block; margin-bottom:3px; font-size:.75rem; }
.request-facts strong { display:block; font-size:.8125rem; font-weight:500; color:var(--ink); overflow-wrap:anywhere; }
.request-buyer { display:flex; flex-wrap:wrap; gap:16px; margin-top:14px; }
.request-offer { display:flex; flex-direction:column; align-items:flex-end; text-align:right; gap:8px; padding-top:3px; min-width:0; }
.request-offer>small { font-size:.75rem; }
.request-offer>strong { font-size:.875rem; line-height:1.5; overflow-wrap:anywhere; }
.request-offer .button { margin-top:7px; color:var(--blue); min-width:140px; }
.request-contact { grid-column:1/-1; display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding-top:14px; border-top:1px solid var(--line); }
.request-contact .tag { border:0; background:var(--canvas); color:var(--muted); }
.request-unlocks { margin-left:auto; }
.request-dates { grid-column:1/-1; display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px 16px; font-size:.75rem; }
.market-sidebar { padding-top:58px; }
.side-symbol { width:40px; height:40px; border-radius:10px; display:grid; place-items:center; background:var(--blue-light); color:var(--blue); margin-bottom:18px; }
.market-sidebar h2 { font-size:1.125rem; }
.market-sidebar .panel { padding:24px; }
.exporter-intro { background:var(--navy); color:var(--surface); border-color:var(--navy); }
.exporter-intro p { color:#cfdaea; }
.exporter-intro .button { background:var(--navy-raised); border-color:#52677f; color:var(--surface); }
.exporter-intro .button:hover { background:#304967; }
.workspace-shell { display:grid; grid-template-columns:212px minmax(0,1fr); align-items:start; gap:30px; }
.workspace-content { min-width:0; }
.workspace-content > .panel + .panel { margin-block-start:20px; }
@media(max-width:767px) { .workspace-content > .panel + .panel { margin-block-start:16px; } }
.workspace-rail { position:sticky; top:108px; padding:22px 14px; border-radius:12px; background:var(--navy); color:var(--surface); max-height:calc(100dvh - 132px); overflow:auto; }
.rail-title { padding:0 14px 18px; color:var(--navy-muted); font-size:.75rem; font-weight:600; }
.workspace-rail nav { display:grid; gap:5px; }
.workspace-rail nav>a { display:flex; align-items:center; gap:10px; min-height:44px; padding:10px 12px; color:var(--navy-muted); font-size:.8125rem; border-radius:7px; }
.workspace-rail nav>a:hover { background:var(--navy-raised); color:var(--surface); text-decoration:none; }
.workspace-rail nav>a.selected { background:var(--navy-raised); color:var(--surface); font-weight:600; }
.workspace-rail .icon { width:18px; height:18px; }
.rail-divider { margin:14px 12px; border-top:1px solid #3f526a; }
.rail-support { margin:28px 12px 0; padding-top:20px; border-top:1px solid #3f526a; font-size:.75rem; }
.rail-support strong { font-weight:600; }
.rail-support p { color:var(--navy-muted); margin:6px 0 12px; }
.rail-support a { color:var(--surface); display:flex; justify-content:space-between; }
.workspace-content>.layout { grid-template-columns:minmax(0,1fr) 280px; }
.page-admin .workspace-content>.tabs { display:none; }
.tabs { display:flex; gap:4px; margin-bottom:24px; border-bottom:1px solid var(--line); overflow:auto; }
.tabs a { display:flex; align-items:center; padding:13px 16px; color:var(--muted); font-size:.8125rem; border-bottom:2px solid transparent; white-space:nowrap; }
.tabs a.selected { border-color:var(--blue); color:var(--blue); font-weight:600; }
.tabs a:hover { color:var(--blue); text-decoration:none; }
.buyer-tabs { flex-wrap:wrap; overflow:visible; }
.workspace-filter { display:flex; gap:12px; align-items:end; flex-wrap:wrap; margin-bottom:20px; }
.workspace-filter>div { min-width:180px; }
.workspace-filter>.small { align-self:center; }
label { display:block; font-size:.8125rem; font-weight:600; margin-bottom:7px; }
input,select,textarea { display:block; width:100%; min-height:44px; padding:10px 12px; border:1px solid #b7c3d3; border-radius:7px; background:var(--surface); color:var(--ink); font-size:.875rem; line-height:1.5; }
input::placeholder { color:#687890; opacity:1; }
textarea { min-height:120px; resize:vertical; }
input[type=checkbox],input[type=radio] { width:18px; min-height:18px; flex-shrink:0; accent-color:var(--blue); }
input[readonly] { background:var(--canvas); }
.check { display:flex; gap:10px; align-items:flex-start; font-size:.8125rem; font-weight:400; }
.check input { margin-top:3px; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.full { grid-column:1/-1; }
.form-section { margin-bottom:24px; }
.form-section>p { font-size:.875rem; color:var(--muted); }
.inline-fields { display:grid; grid-template-columns:1fr auto; gap:10px; align-items:end; }
.compact-form { display:grid; gap:10px; margin-top:12px; }
.compact-form textarea { min-height:80px; }
.optional-section { border-top:1px solid var(--line); padding-top:18px; margin-top:22px; }
.optional-section>summary { cursor:pointer; font-weight:600; font-size:.875rem; min-height:44px; padding:9px 0; }
.contact-option { border:1px solid var(--line); border-radius:8px; padding:14px; margin:12px 0; overflow-wrap:anywhere; }
.category-parameters { min-width:0; border:1px solid var(--line); padding:18px; margin:0; border-radius:10px; }
.category-parameters legend { padding:0 6px; font-weight:600; font-size:.875rem; }
.catalog-record { margin-bottom:16px; }
.catalog-record>summary { font-weight:600; }
.catalog-record form { margin-top:16px; }
.catalog-record .optional-section { margin-top:16px; }
.settings-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.settings-item { padding-bottom:20px; border-bottom:1px solid var(--line); }
.settings-item small { display:block; margin-top:6px; }
.notice { padding:14px 18px; color:var(--green); border:1px solid var(--green-line); background:var(--green-bg); border-radius:8px; margin-bottom:24px; font-size:.875rem; }
.errors { background:var(--red-bg); color:var(--red); border-color:#edc7c7; }
.errors ul { margin:6px 0; padding-left:18px; }
.field-error { color:var(--red); font-size:.75rem; margin-top:6px; }
.callout { padding:16px 18px; background:var(--canvas); border:1px solid var(--line); border-radius:8px; color:var(--muted); font-size:.8125rem; line-height:1.65; }
.callout p { margin:0; }
.details { display:grid; grid-template-columns:1fr 1fr; gap:0 32px; margin:0; }
.details>div { padding:18px 0; border-bottom:1px solid var(--line); }
dt { color:var(--muted); font-size:.75rem; margin-bottom:5px; }
dd { margin:0; font-size:.875rem; overflow-wrap:anywhere; }
.back { display:inline-flex; color:var(--muted); margin-bottom:24px; font-size:.8125rem; }
.contact-lock { width:44px; height:44px; display:grid; place-items:center; border-radius:10px; background:var(--blue-light); color:var(--blue); margin-bottom:18px; }
.contact-lock svg { width:22px; height:22px; }
.contact-list { display:grid; gap:16px; margin-bottom:24px; overflow-wrap:anywhere; font-size:.875rem; }
.contact-list small { display:block; margin-bottom:3px; }
.contact-preview { margin:18px 0; padding:16px 0; border-block:1px solid var(--line); font-size:.8125rem; }
.contact-preview .tag { display:inline-block; margin:0 4px 4px 0; }
.contact-preview p { margin:10px 0 6px; }
.login-wrap { max-width:1040px; margin:auto; display:grid; grid-template-columns:1.2fr 1fr; gap:32px; }
.login-wrap .panel { padding:32px; }
.divider { display:flex; align-items:center; gap:14px; color:var(--muted); font-size:.75rem; margin:24px 0; }
.divider:before,.divider:after { content:""; height:1px; flex:1; background:var(--line); }
.test-roles { display:grid; gap:10px; }
.statline { display:flex; flex-wrap:wrap; gap:24px 40px; margin:24px 0 30px; }
.statline strong { display:block; font-size:2rem; line-height:1.2; letter-spacing:-.03em; font-weight:650; margin-bottom:7px; }
.statline small { display:block; }
.table-scroll { overflow:auto; }
table { width:100%; border-collapse:collapse; text-align:left; font-size:.8125rem; }
th,td { padding:15px 14px; border-bottom:1px solid var(--line); vertical-align:top; }
th { background:#f6f8fb; font-size:.75rem; color:var(--muted); font-weight:600; }
td .actions { margin:0; gap:6px; }
td button { font-size:.75rem; min-height:40px; padding:8px 12px; }
table,.statline,.price { font-variant-numeric:tabular-nums; }
pre { margin:0; font-family:inherit; font-size:.75rem; white-space:pre-wrap; overflow-wrap:anywhere; }
.history-row { display:flex; justify-content:space-between; gap:18px; padding:18px 0; border-bottom:1px solid var(--line); }
.history-row:last-child { border-bottom:0; }
.history-row .actions { margin-top:0; }
.history-row strong { font-size:.875rem; }
.history-row .small { margin-top:5px; }
.lead-record { padding:16px 0 24px; border-bottom:1px solid var(--line); }
.lead-record:last-child { border-bottom:0; }
.review-record { padding:24px 0; border-bottom:1px solid var(--line); }
.review-record:last-child { border-bottom:0; }
.review-record .actions { margin-top:12px; }
.review-record p { margin:8px 0; }
.review-record .page-head { margin-bottom:18px; }
.empty { text-align:center; padding:48px 24px; }
.empty p { color:var(--muted); font-size:.875rem; }
.pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:24px 0; font-size:.8125rem; }
.pagination a { min-height:44px; padding:10px 16px; border:1px solid var(--line); border-radius:7px; background:var(--surface); }
.nowrap { white-space:nowrap; }
.footer { border-top:1px solid var(--line); background:var(--surface); padding:32px 0; color:var(--muted); font-size:.75rem; line-height:1.8; }
.footer .shell { display:flex; justify-content:space-between; gap:24px; }
.footer strong { font-size:.8125rem; color:var(--ink); font-weight:600; }
dialog { width:min(480px,calc(100% - 32px)); max-height:calc(100dvh - 48px); overflow:auto; padding:30px; border:1px solid var(--line); border-radius:16px; background:var(--surface); color:var(--ink); }
dialog::backdrop { background:rgba(17,35,59,.55); }
dialog h2 { font-size:1.25rem; }
dialog p { font-size:.875rem; }
dialog .actions { justify-content:flex-end; }
.comment-body { white-space:pre-wrap; overflow-wrap:anywhere; font-size:.875rem; }
.comment-thread { padding:24px 0; border-bottom:1px solid var(--line); }
.comment-thread:last-of-type { border-bottom:0; }
.comment-message { min-width:0; scroll-margin-top:112px; }
.comment-message:target { outline:2px solid var(--blue); outline-offset:6px; border-radius:5px; }
#discussion,#contact-area { scroll-margin-top:112px; }
.comment-author { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 12px; margin:0 0 4px; font-size:.875rem; overflow-wrap:anywhere; }
.comment-author>* { min-width:0; }
.comment-target { color:var(--muted); font-size:.8125rem; }
.comment-meta { margin:0 0 12px; font-size:.75rem; }
.comment-compose>summary,.thread-replies>summary { min-height:44px; padding:10px 0; cursor:pointer; color:var(--blue); font-size:.8125rem; font-weight:600; overflow-wrap:anywhere; }
.comment-compose .compact-form { margin:4px 0 16px; }
.thread-replies { margin-top:12px; padding:0 16px; background:var(--canvas); border:1px solid var(--line); border-radius:8px; }
.thread-reply-list { list-style:none; margin:0; padding:0; }
.thread-reply { padding:18px 0 12px 16px; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.thread-reply-nested { margin-left:24px; }
.thread-reply .comment-body { margin:10px 0 4px; }
.notification-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px; }
.notification-row .actions { margin-top:0; align-content:start; }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media(min-width:1100px) {
    .sticky { position:sticky; top:108px; }
    .market-sidebar {
        position:sticky;
        top:108px;
        margin-top:58px;
        padding-top:0;
        max-height:calc(100dvh - 124px);
        overflow-y:auto;
        scrollbar-width:thin;
    }
}
@media(max-width:1250px) {
    .shell { padding-inline:28px; }
    .header-inner { gap:26px; }
    .nav { gap:8px; }
    .workspace-shell { grid-template-columns:192px minmax(0,1fr); gap:24px; }
    .workspace-content>.layout { grid-template-columns:minmax(0,1fr) 250px; }
    .panel { padding:24px; }
    .market-hero h1 { font-size:2.125rem; }
}
@media(max-width:1099px) {
    .workspace-shell { display:block; }
    .workspace-rail { display:none; }
    .page-admin .workspace-content>.tabs { display:flex; }
    .workspace-content>.layout { grid-template-columns:minmax(0,1fr) 280px; }
    .brand { font-size:1.2rem; }
    .brand small { display:none; }
    .header-inner { gap:24px; min-height:76px; }
    .header-tools { gap:8px; }
    .account-menu>summary>span { display:none; }
    .layout { grid-template-columns:minmax(0,1fr) 270px; gap:20px; }
    .market-hero { padding:28px; gap:28px; }
    .market-hero h1 { font-size:2rem; }
    .hero-action { max-width:210px; padding-inline:18px; }
    .market-request { grid-template-columns:minmax(0,1fr) 150px; padding:22px; gap:16px 20px; }
    .request-facts { grid-template-columns:1fr 1fr; }
    .request-facts>span:last-child { grid-column:1/-1; }
    .market-categories>a { padding-inline:12px; flex:none; }
    .filters { grid-template-columns:1fr 1.5fr 1fr; }
    .filters .filter-action { min-height:44px; }
}
@media(max-width:760px) {
    .shell { padding-inline:16px; }
    .testbar { padding:6px 14px; font-size:.625rem; }
    .header { position:relative; }
    .header-inner { flex-wrap:wrap; min-height:0; padding-block:15px 0; gap:12px; }
    .brand { font-size:1.15rem; gap:9px; }
    .header-tools { gap:6px; }
    .header-tools .button { padding:8px 10px; font-size:.6875rem; max-width:130px; min-height:40px; }
    .header-tools>.header-signin { font-size:.75rem; padding:8px 4px; }
    .header-tools>.language { padding:8px 5px; }
    .header-tools .language { padding:8px 6px; font-size:.6875rem; }
    .account-menu>summary { padding-left:8px; min-height:40px; }
    .account-menu>summary>.icon { width:18px; }
    .account-menu>summary>.icon:last-child { display:none; }
    .notification-link { min-height:40px; }
    .notification-count { font-size:.625rem; padding:2px 5px; min-width:16px; }
    .nav { width:100%; order:3; gap:8px; min-height:56px; padding-bottom:12px; }
    .nav>a { font-size:.8125rem; min-height:44px; padding-inline:12px; }
    .account-popover { right:0; top:calc(100% + 10px); width:240px; }
    .main { padding-top:24px; padding-bottom:44px; }
    h1 { font-size:1.6rem; }
    .page-head { gap:18px; flex-wrap:wrap; margin-bottom:24px; }
    .page-head p { font-size:.8125rem; }
    .page-head>.button { min-height:42px; }
    .layout,.workspace-content>.layout { grid-template-columns:1fr; }
    .sidebar { grid-template-columns:1fr; }
    .panel { padding:20px; }
    .market-hero { padding:26px 22px; border-radius:12px; display:block; }
    .market-hero h1 { font-size:1.8rem; }
    .market-hero p { font-size:.8125rem; margin-top:14px; }
    .hero-action { margin-top:22px; max-width:none; min-height:44px; }
    .market-categories { margin-top:4px; padding-block:12px; gap:6px; }
    .market-categories>a { padding:9px 12px; font-size:.75rem; min-height:44px; }
    .market-categories .icon { width:20px; height:20px; }
    .filters { grid-template-columns:1fr 1fr; padding:16px; gap:14px 12px; margin-bottom:24px; }
    .filters>div:has(#q),.filters>div:has(#hall-category) { grid-column:1/-1; }
    .filters .filter-action { align-self:end; }
    .market-sidebar { padding-top:0; }
    .list-top { gap:10px; }
    .list-top>div { display:block; }
    .list-top h2 { font-size:1.125rem; margin-bottom:3px; }
    .list-top>span { font-size:.6875rem; }
    .market-request { grid-template-columns:minmax(0,1fr); padding:20px; gap:16px; }
    .request-heading { gap:8px; }
    .market-request h2 { font-size:1.0625rem; }
    .request-facts { grid-template-columns:1fr 1fr; gap:12px; }
    .request-facts>span:last-child { grid-column:1/-1; }
    .request-offer { display:grid; grid-template-columns:1fr auto; align-items:start; text-align:left; gap:5px 10px; padding-top:0; }
    .request-offer>small { grid-column:1; }
    .request-offer>strong { grid-column:1; }
    .request-offer>.button { grid-column:2; grid-row:1/3; margin:0; min-width:0; padding:10px 12px; }
    .request-contact,.request-dates { grid-column:1; }
    .request-unlocks { margin-left:0; flex-basis:100%; }
    .request-dates { flex-direction:column; gap:5px; }
    .request-row { gap:16px; padding:20px; }
    .request-row h2 { font-size:1rem; }
    .row-side { max-width:110px; }
    .row-side .button { padding:8px 10px; font-size:.75rem; min-height:40px; }
    .form-grid,.settings-grid,.login-wrap { grid-template-columns:1fr; }
    .login-wrap { gap:24px; }
    .login-wrap .panel { padding:24px; }
    .full { grid-column:auto; }
    .details { gap:0 20px; }
    .details dd { font-size:.8125rem; }
    .statline { gap:24px 30px; }
    .statline strong { font-size:1.8rem; }
    .history-row { flex-wrap:wrap; gap:12px; }
    .workspace-filter>div { flex:1 1 180px; }
    .tabs a { padding:12px; font-size:.75rem; }
    .footer .shell { flex-direction:column; gap:16px; }
    .notification-row { grid-template-columns:1fr; gap:10px; }
    .thread-replies { padding-inline:12px; }
    .thread-reply { padding-left:10px; }
    .thread-reply-nested { margin-left:12px; }
    .comment-author { font-size:.8125rem; }
    .comment-message,#discussion,#contact-area { scroll-margin-top:24px; }
}
@media(prefers-reduced-motion:no-preference) {
    a,button,summary { transition:background-color .18s ease-out,color .18s ease-out,border-color .18s ease-out; }
}

select {
    appearance:none;
    -webkit-appearance:none;
    padding-inline-end:40px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2357677f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-size:16px 16px;
    background-position:right 14px center;
}
select:disabled { opacity:.65; }
.market-filters select { background-color:#fafbfd;  }
.feed-toolbar { flex-wrap:wrap; }
.feed-sort { display:flex; align-items:center; gap:10px; margin-left:auto; }
.feed-sort label { margin:0; white-space:nowrap; color:var(--muted); font-size:.75rem; }
.feed-sort select { width:250px; background-color:var(--surface); font-size:.8125rem; }
.feed-sort button { min-height:44px; }
.feed-sort-note { margin:-4px 0 16px; }
.feed-batch:not([data-starts-shaded]) > .market-request:nth-child(even),
.feed-batch[data-starts-shaded] > .market-request:nth-child(odd) {
    background-color:color-mix(in srgb, var(--canvas) 75%, var(--surface));
}
.feed-batch .market-request:last-child { border-bottom:1px solid var(--line); }
.feed-batch:last-child .market-request:last-child { border-bottom:0; }
.feed-navigation { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:20px 0; }
.feed-sentinel { text-align:center; padding:8px 0 20px; }
.feed-previous { font-size:.8125rem; margin:0 0 16px; }
.market-request,#email-notifications,#smtp-settings { scroll-margin-top:112px; }
@media(max-width:760px) {
    .feed-sort { width:100%; margin-left:0; }
    .feed-sort select { flex:1; width:auto; min-width:0; }
    .market-request,#email-notifications,#smtp-settings { scroll-margin-top:24px; }
}
@media(forced-colors:active) {
    select { appearance:auto; background-image:none; padding-inline-end:12px; }
}

[data-feed-suspended] [data-feed-list] { visibility:hidden; }

.footer-wechat,.footer-email,.footer-time {display:block}
.footer-email a {overflow-wrap:anywhere}
.support-handle {user-select:all;overflow-wrap:anywhere}


/* Compact brand signature, shared by the public site and workspaces. */
.header .brand { gap:9px; font-size:22px; font-weight:700; letter-spacing:-.025em; line-height:1.15; }
.brand-monogram { display:block; width:32px; height:32px; flex:none; }
.brand-wordmark { white-space:nowrap; }
.brand-wordmark-accent { color:var(--blue); }

.account-details-dialog{width:min(720px,calc(100% - 32px))}.account-details-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.account-details-heading h2{margin:0}.account-profile-fields dd{white-space:pre-wrap;overflow-wrap:anywhere}.account-details-dialog h3{margin-top:20px}@media(max-width:600px){.account-details-dialog{padding:20px}.account-profile-fields>div{grid-template-columns:1fr;gap:4px}}

.account-search{margin-bottom:20px}.account-search .actions input{flex:1;min-width:min(220px,100%)}

.account-filter-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}

.account-status-controls{margin-top:8px;min-width:200px}.account-status-controls summary{cursor:pointer;padding:8px 0}.account-status-controls form{margin-top:10px}.account-status-controls textarea{min-height:80px}.account-disabled-reason{white-space:pre-wrap;overflow-wrap:anywhere}

/* Stock workspace extends the established Vehicles China operating interface. */
.stock-summary,.stock-line{display:flex;justify-content:space-between;align-items:center;gap:20px}
.stock-line,.stock-review-row,.stock-inquiry-record{padding:22px 0;border-bottom:1px solid var(--line,#dce4ef)}
.stock-line:last-child,.stock-review-row:last-child,.stock-inquiry-record:last-child{border-bottom:0}
.stock-line h3{margin:4px 0 8px;font-size:18px;line-height:1.4}
.stock-line p{margin:6px 0}.stock-price{min-width:160px;display:grid;gap:12px;text-align:right}
.stock-search,.stock-upload{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.stock-search label,.stock-upload label{flex:1;min-width:180px}
.stock-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:22px 0}
.stock-specs dt{font-size:12px;color:#526681;margin-bottom:4px}.stock-specs dd{margin:0;overflow-wrap:anywhere}
.stock-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}
.stock-gallery img,.stock-gallery video{display:block;width:100%;height:200px;object-fit:contain;background:#f3f6fa;border-radius:8px}
.stock-upload{padding-top:16px}.stock-prose{white-space:pre-line;max-width:72ch}
.stock-code{font-size:24px;letter-spacing:.14em;font-variant-numeric:tabular-nums}.stock-quote{font-size:24px;line-height:1.3}
.stock-inquiry-form{display:grid;gap:14px;margin-top:22px}.stock-contact{position:sticky;top:105px}
.stock-local-nav{overflow-x:auto;white-space:nowrap}
.page-stock-admin input,.page-stock-admin textarea{max-width:100%}
.page-stock-admin .form-section label{align-self:start}
@media(max-width:760px){.stock-summary,.stock-line{align-items:flex-start;gap:12px;flex-direction:column}.stock-price{min-width:0;display:flex;width:100%;justify-content:space-between;align-items:center;text-align:left}.stock-specs{gap:14px 16px}.stock-contact{position:static}.stock-local-nav{margin-left:-4px;margin-right:-4px}.stock-local-nav a{padding:10px}.stock-search,.stock-upload{display:grid;grid-template-columns:1fr;width:100%}.stock-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-gallery img,.stock-gallery video{height:140px}.stock-line,.stock-review-row,.stock-inquiry-record{padding:16px 0}}

.stock-company-identity{display:flex;align-items:center;gap:20px}.stock-company-logo{object-fit:contain;border:1px solid #dce4ef;border-radius:10px;background:white;flex-shrink:0}

.stock-edit-fields{border:0;padding:0;margin:0;min-width:0}.stock-edit-fields:disabled input,.stock-edit-fields:disabled textarea{background:#f3f6fa;color:#526681}

.stock-company-identity{min-width:0}.stock-company-identity>div{min-width:0;overflow-wrap:anywhere}

.stock-company-contacts{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.stock-company-contacts form{margin:0}.stock-company-contacts [role=status]{display:block;max-width:24ch;overflow-wrap:anywhere}

.exporter-mobile-nav{display:none}
@media(max-width:1099px){
    .exporter-mobile-nav{display:flex;gap:4px;overflow-x:auto;white-space:nowrap;margin:0 0 16px}
    .exporter-mobile-nav a{display:inline-flex;align-items:center;gap:6px;min-height:44px;flex:none}
    .exporter-mobile-nav a .icon{width:16px;height:16px}
}

.notification-preference-group{border:0;padding:0;margin:0 0 12px;min-width:0}
.notification-preference-group legend{padding:0;margin-bottom:6px}
.notification-preference-group .check{min-height:36px;margin:4px 0}
.notification-preference-group p{margin:0 0 8px 25px;overflow-wrap:anywhere}
.inquiry-reply-body{white-space:pre-wrap;overflow-wrap:anywhere}