.auction-page { --auction-red:#d73535; --auction-green:#178a50; --auction-ink:#17202a; --auction-soft:#f4f6f8; }
.auction-content { min-width:0; max-width:100%; overflow:hidden; padding:18px 22px 32px; color:var(--auction-ink); }
.auction-toolbar { display:flex; align-items:center; justify-content:space-between; min-height:46px; border-bottom:1px solid var(--ws-line); }
.auction-mode-tabs { display:flex; align-self:stretch; gap:24px; }
.auction-mode-tabs button { position:relative; padding:0 2px; border:0; background:transparent; color:var(--ws-copy); font-size:15px; font-weight:750; cursor:pointer; }
.auction-mode-tabs button.active { color:var(--auction-red); }
.auction-mode-tabs button.active::after { position:absolute; right:0; bottom:-1px; left:0; height:3px; background:var(--auction-red); content:""; }
.auction-date-control { display:flex; align-items:center; gap:6px; }
.auction-date-control input { width:142px; height:34px; padding:0 9px; border:1px solid var(--ws-line); border-radius:5px; background:var(--ws-surface); color:var(--auction-ink); font:inherit; }
.auction-icon-btn { width:34px; height:34px; display:grid; place-items:center; padding:0; border:1px solid var(--ws-line); border-radius:5px; background:var(--ws-surface); color:var(--ws-copy); font-size:21px; cursor:pointer; }
.auction-page .up { color:var(--auction-red); }
.auction-page .down { color:var(--auction-green); }
.auction-chart-grid { display:grid; width:100%; max-width:100%; box-sizing:border-box; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:16px 0 4px; }
.auction-chart-panel { width:100%; min-width:0; max-width:100%; box-sizing:border-box; overflow:hidden; border:1px solid #dce4ec; border-radius:6px; background:#fff; box-shadow:0 2px 9px rgba(29,51,73,.035); }
.auction-chart-panel h2 { margin:0; padding:12px 14px 9px; border-bottom:1px solid #edf1f4; color:#34495e; font-size:13px; font-weight:800; letter-spacing:0; }
.auction-chart { width:100%; min-width:0; max-width:100%; height:270px; }
.auction-board-chart-panel { margin-top:16px; }
.auction-board-chart { height:300px; }
.auction-chart-tip-label { display:inline-block; min-width:76px; color:#82909e; }
.auction-category-tabs { display:flex; gap:8px; overflow-x:auto; padding:14px 0 12px; scrollbar-width:none; }
.auction-category-tabs::-webkit-scrollbar { display:none; }
.auction-category-tabs button { position:relative; flex:0 0 auto; min-height:38px; padding:8px 13px; border:1px solid var(--ws-line); border-radius:6px; background:var(--ws-surface); color:var(--ws-copy); font-size:13px; font-weight:720; cursor:pointer; }
.auction-category-tabs button.active { border-color:var(--auction-red); background:var(--auction-red); color:#fff; }
.auction-category-tabs em { position:absolute; top:-8px; right:-5px; min-width:21px; padding:2px 5px; border-radius:10px; background:#fff; box-shadow:0 0 0 1px var(--auction-red); color:var(--auction-red); font-size:10px; font-style:normal; line-height:1.2; }
.auction-category-tabs button.active em { background:#fff; }
.auction-view,.auction-table-shell { min-width:0; max-width:100%; }
.auction-table-shell { width:100%; overflow:auto; border:1px solid #dce4ec; border-radius:6px; background:var(--ws-surface); box-shadow:0 2px 8px rgba(29,51,73,.035); }
.auction-table { width:100%; min-width:1420px; border-collapse:separate; border-spacing:0; font-size:13px; font-variant-numeric:tabular-nums; }
.auction-table th,.auction-table td { height:46px; padding:7px 13px; border-right:1px solid #e7edf3; border-bottom:1px solid #e4eaf0; text-align:right; white-space:nowrap; }
.auction-table th:last-child,.auction-table td:last-child { border-right:0; }
.auction-table tbody tr:last-child td { border-bottom:0; }
.auction-table tbody tr:nth-child(even) td { background:#fafcfd; }
.auction-table tbody tr:hover td { background:#f2f7fb; }
.auction-table th { position:sticky; top:0; z-index:2; height:40px; background:#f1f4f7; color:#56697d; font-size:12px; font-weight:750; }
.auction-table th:first-child,.auction-table td:first-child { position:sticky; left:0; z-index:3; min-width:148px; text-align:left; background:var(--ws-surface); }
.auction-table tbody tr:nth-child(even) td:first-child { background:#fafcfd; }
.auction-table tbody tr:hover td:first-child { background:#f2f7fb; }
.auction-table th:first-child { z-index:4; background:#f1f4f7; }
.auction-table th button { display:inline-flex; align-items:center; justify-content:flex-end; gap:5px; width:100%; padding:0; border:0; background:transparent; color:inherit; font:inherit; cursor:pointer; }
.auction-table th:first-child button { justify-content:flex-start; }
.auction-table th button.active { color:var(--auction-red); }
.auction-table th.sorted { background:#e8f2f9; }
.auction-table td.sorted { background:#f4f9fc; }
.auction-table tbody tr:nth-child(even) td.sorted { background:#edf5fa; }
.auction-table tbody tr:hover td.sorted { background:#e7f1f8; }
.auction-sort-mark { width:12px; color:#9aa7b4; font-size:11px; font-weight:800; text-align:center; }
.auction-table th button.active .auction-sort-mark { color:var(--auction-red); }
.auction-stock { display:block; width:100%; padding:0; border:0; background:transparent; color:var(--auction-ink); text-align:left; cursor:pointer; }
.auction-stock b { display:block; font-size:14px; }
.auction-stock small { color:#9aa3ad; }
.auction-status { margin-left:5px; color:var(--auction-red); font-size:11px; }
.auction-board-tabs { display:flex; gap:8px; padding-top:14px; }
.auction-board-tabs button { min-height:36px; padding:7px 13px; border:1px solid #d8e1e9; border-radius:5px; background:#fff; color:#60758a; font:inherit; font-size:13px; font-weight:750; cursor:pointer; }
.auction-board-tabs button.active { border-color:var(--auction-red); background:var(--auction-red); color:#fff; }
.auction-board-tabs em { margin-left:4px; padding:1px 5px; border-radius:8px; background:#fff1d6; color:#9a6210; font-size:9px; font-style:normal; }
.auction-selected-shell { margin-top:14px; }
.auction-selected-table { min-width:900px; }
.auction-selected-empty { padding:56px 14px; color:#8491a0; text-align:center; }
.auction-tail-bar { display:flex; align-items:center; justify-content:flex-end; gap:14px; padding-top:14px; }
.auction-tail-summary { flex:0 0 auto; color:#718294; font-size:11px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.auction-tail-summary b { color:#28394b; font-size:13px; }
.auction-tail-summary span + span::before { margin:0 7px; color:#c5cdd5; content:"/"; }
.auction-tail-chart-grid { padding-top:12px; }
.auction-tail-filters { display:flex; align-items:center; gap:8px; padding:14px 0 10px; }
.auction-tail-filters input,.auction-tail-filters select { height:36px; box-sizing:border-box; border:1px solid #d8e1e9; border-radius:5px; background:#fff; color:#3c5065; font:inherit; font-size:12px; outline:none; }
.auction-tail-filters input { width:220px; padding:0 10px; }
.auction-tail-filters select { padding:0 28px 0 9px; }
.auction-tail-filters input:focus,.auction-tail-filters select:focus { border-color:#72a7d1; box-shadow:0 0 0 2px rgba(65,137,193,.12); }
.auction-tail-filters output { margin-left:auto; color:#6e7e8e; font-size:12px; font-variant-numeric:tabular-nums; }
.auction-tail-table { min-width:1840px; }
.auction-tail-table th:first-child,.auction-tail-table td:first-child { min-width:176px; }
.auction-mapping-state { margin-left:5px; color:#77899b; font-size:9px; font-weight:650; }
.auction-mapping-state.pending { color:#a16a13; }
.auction-board-filters { display:flex; align-items:center; gap:8px; overflow-x:auto; padding:14px 0 4px; scrollbar-width:none; }
.auction-board-filters::-webkit-scrollbar { display:none; }
.auction-board-filters input,.auction-board-filters select { flex:0 0 auto; height:36px; box-sizing:border-box; border:1px solid #d8e1e9; border-radius:5px; background:#fff; color:#3c5065; font:inherit; font-size:12px; outline:none; }
.auction-board-filters input:focus,.auction-board-filters select:focus { border-color:#72a7d1; box-shadow:0 0 0 2px rgba(65,137,193,.12); }
.auction-board-filters > input[type="search"] { width:190px; padding:0 10px; }
.auction-board-filters select { padding:0 27px 0 9px; }
.auction-board-filters label { display:flex; flex:0 0 auto; align-items:center; height:36px; padding-left:9px; border:1px solid #d8e1e9; border-radius:5px; background:#fff; color:#637486; font-size:12px; }
.auction-board-filters label input { width:64px; height:34px; padding:0 4px; border:0; text-align:right; box-shadow:none; }
.auction-board-filters label i { padding-right:8px; color:#8795a3; font-style:normal; }
.auction-board-filters > button { flex:0 0 auto; width:36px; height:36px; border:1px solid #d8e1e9; border-radius:5px; background:#fff; color:#60758a; font-size:18px; cursor:pointer; }
.auction-board-filters output { margin-left:auto; flex:0 0 auto; color:#6e7e8e; font-size:12px; font-variant-numeric:tabular-nums; }
.auction-board-groups { padding-top:4px; }
.auction-board-group { margin-top:14px; }
.auction-board-group h2 { display:flex; align-items:center; gap:8px; margin:0; padding:12px 2px 9px; font-size:16px; letter-spacing:0; }
.auction-board-group h2::before { width:3px; height:16px; border-radius:2px; background:var(--auction-red); content:""; }
.auction-board-group h2 small { display:inline-grid; place-items:center; min-width:21px; height:18px; padding:0 5px; border-radius:9px; background:#eef2f5; color:#657789; font-size:10px; }
.auction-board-table { min-width:690px; }
.auction-board-table th:first-child,.auction-board-table td:first-child { min-width:190px; }
.auction-board-name { display:block; width:100%; padding:0; border:0; background:transparent; color:var(--auction-ink); text-align:left; cursor:pointer; }
.auction-board-name b { display:block; font-size:14px; }
.auction-board-name small { color:#9aa3ad; }
.auction-detail-mask { position:fixed; z-index:10020; inset:0; display:flex; justify-content:flex-end; background:rgba(13,24,38,.46); backdrop-filter:blur(2px); }
.auction-detail-drawer { width:min(1120px,calc(100vw - 260px)); height:100%; display:flex; flex-direction:column; background:#f7f9fc; box-shadow:-14px 0 42px rgba(15,28,44,.2); }
.auction-detail-drawer > header { min-height:86px; display:flex; align-items:center; justify-content:space-between; padding:14px 22px; border-bottom:1px solid #e1e7ef; background:#fff; }
.auction-detail-drawer > header span { color:var(--auction-red); font-size:10px; font-weight:850; }
.auction-detail-drawer h2 { margin:4px 0 0; color:#1e2b3d; font-size:20px; letter-spacing:0; }
.auction-detail-drawer h2 small { color:#94a0b0; font-size:11px; }
.auction-detail-drawer header p { margin:5px 0 0; color:#7d8b9e; font-size:10px; }
.auction-detail-close { width:34px; height:34px; border:0; background:transparent; color:#425167; font-size:28px; cursor:pointer; }
.auction-detail-body { min-height:0; flex:1; overflow:auto; padding:12px 16px 30px; }
.auction-detail-empty { display:grid; min-height:260px; place-items:center; color:#8795a8; }
.auction-detail-row { width:100%; min-width:920px; display:grid; grid-template-columns:32px minmax(190px,1.6fr) repeat(7,minmax(82px,1fr)); gap:9px; align-items:center; padding:12px 10px; border:0; border-bottom:1px solid #e7ecf2; background:#fff; color:#405066; text-align:right; cursor:pointer; }
.auction-detail-row:hover { background:#f2f7fb; }
.auction-detail-row > span { min-width:0; }
.auction-detail-row b,.auction-detail-row small { display:block; }
.auction-detail-row b { font-size:12px; }
.auction-detail-row small { margin-top:3px; color:#98a4b4; font-size:9px; }
.auction-detail-rank { color:#8290a3; text-align:center; }
.auction-detail-name { text-align:left; }
.auction-detail-name b { overflow:hidden; color:#202d40; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.auction-detail-name small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.auction-unit { margin-left:2px; color:#8794a1; font-size:10px; }
.auction-empty-cell,.auction-filter-empty { height:88px !important; color:#8c99a6; text-align:center !important; }
.auction-filter-empty { display:grid; place-items:center; }
.auction-state { padding:44px 12px; color:var(--ws-copy); text-align:center; }
.auction-state.error { color:var(--auction-red); }
@media (max-width:800px) {
  .auction-content { padding:8px 0 24px !important; }
  .auction-view { width:calc(100vw - 28px) !important; max-width:calc(100vw - 28px) !important; }
  .auction-toolbar { width:100%; max-width:100%; box-sizing:border-box; flex-wrap:wrap; gap:0; padding:0 10px 8px; }
  .auction-mode-tabs { width:100%; height:44px; gap:18px; }
  .auction-mode-tabs button { font-size:12.5px; }
  .auction-date-control { width:auto; min-width:0; align-self:flex-start; justify-content:flex-start; gap:0; }
  .auction-date-control input { width:142px; min-width:0; padding-right:6px; padding-left:7px; font-size:12px; }
  .auction-date-control .auction-icon-btn { display:none; }
  .auction-chart-grid { width:100% !important; max-width:100% !important; grid-template-columns:minmax(0,1fr); gap:10px; padding:12px 12px 3px; }
  .auction-chart-panel { border-right:0; border-left:0; border-radius:0; }
  .auction-chart-grid .auction-chart-panel { border:1px solid #dce4ec; border-radius:6px; }
  .auction-chart-panel h2 { padding:11px 12px 8px; font-size:12px; }
  .auction-chart { height:248px; }
  .auction-board-chart-panel { width:100%; max-width:100%; margin-top:12px; }
  .auction-board-chart { height:270px; }
  .auction-board-tabs { padding-right:12px; padding-left:12px; }
  .auction-tail-bar { display:block; padding:12px 12px 0; }
  .auction-tail-summary { padding-top:2px; white-space:normal; }
  .auction-tail-chart-grid { padding-top:10px; }
  .auction-tail-filters { overflow-x:auto; padding:12px 12px 10px; scrollbar-width:none; }
  .auction-tail-filters::-webkit-scrollbar { display:none; }
  .auction-tail-filters input,.auction-tail-filters select { flex:0 0 auto; height:44px; }
  .auction-tail-filters input { width:190px; }
  .auction-tail-filters output { flex:0 0 auto; margin-left:2px; padding-right:4px; }
  .auction-selected-shell { width:100%; }
  .auction-category-tabs { padding:14px 12px 11px; }
  .auction-table-shell { border-right:0; border-left:0; }
  .auction-table { font-size:12px; }
  .auction-table th,.auction-table td { height:42px; padding:6px 10px; }
  .auction-board-filters { padding:12px 12px 3px; }
  .auction-board-filters input,.auction-board-filters select,.auction-board-filters label,.auction-board-filters > button { height:44px; }
  .auction-board-filters label input { height:42px; min-height:42px !important; }
  .auction-board-filters > input[type="search"] { width:176px; }
  .auction-board-filters output { margin-left:4px; padding-right:4px; }
  .auction-board-group h2 { padding-right:12px; padding-left:12px; font-size:15px; }
  .auction-detail-drawer { width:96vw; }
  .auction-detail-body { padding-right:10px; padding-left:10px; }
}