/* Shared ERP workspace. Screen rules leave physical label layouts untouched. */
@media screen {
 :root {
  --bg:#f3f7f8;
  --panel:#fff;
  --ink:#203740;
  --muted:#70868d;
  --line:#dfe9ec;
  --teal:#087f75;
 }
 body { font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif; }
 .main-shell>header { height:64px;padding:0 28px;background:#fff; }
 main { padding:24px 28px 40px; }
 .page-head { align-items:center;margin-bottom:20px; }
 .page-head h1 { font-size:26px;line-height:1.35;letter-spacing:0; }
 .page-head .page-help { margin-bottom:0; }
 .page-head .actions,.toolbar,.actions { flex-wrap:wrap; }
 .panel {
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:0 2px 6px #20374003;
  margin-bottom:18px;
 }
 .panel-head { padding:16px 20px;background:#fff;min-height:55px; }
 .panel-head h2 { font-size:15px;line-height:1.5; }
 .toolbar { padding:14px 20px;gap:10px;background:#fff; }
 .toolbar>label { color:#617c85;font-size:12px;min-width:0; }
 input,select,textarea { font:inherit;border-radius:9px; }
 input,select { min-height:40px; }
 textarea { border:1px solid #d9e2e6;padding:12px;color:var(--ink);max-width:100%; }
 input[type=checkbox],input[type=radio] { min-height:0;accent-color:var(--teal); }
 .primary,.secondary,.danger { border-radius:9px;min-height:38px;padding:9px 15px; }
 .link-button,.text-button { min-height:32px; }
 .badge { border-radius:6px;line-height:1.5; }
 .metrics { gap:16px;margin-bottom:20px; }
 .metric,.ops-metric {
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(135deg,#fff,#f8fcfc);
  padding:20px 22px;
  min-width:0;
 }
 .metric:first-child,.ops-metric:first-child { border-top:3px solid #1aaa99;padding-top:18px; }
 .metric-number,.ops-metric>strong { color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.7px; }
 .metric-top,.ops-metric>div { font-size:13px;gap:10px; }
 .metric-bottom,.ops-metric>p { line-height:1.6; }
 .tabs,.product-operations-tabs,.listing-tabs {
  gap:5px;flex-wrap:wrap;
 }
 .tabs { border-radius:11px;padding:4px;background:#edf4f5; }
 .tabs button { padding:9px 14px;border-radius:8px; }
 .tabs button.active { background:#fff;box-shadow:0 1px 4px #20374012;color:var(--teal); }
 .table-wrap { scrollbar-gutter:stable;overscroll-behavior-x:contain; }
 table { font-size:13px; }
 th { background:#f7fafb;font-size:12px;padding:13px 20px;color:#718891; }
 td { padding:15px 20px;line-height:1.55; }
 tbody tr:hover { background:#f5fbfa; }
 td small { line-height:1.6; }
 td .mono,td strong { font-variant-numeric:tabular-nums; }
 .notice { border-radius:10px;line-height:1.7; }
 .empty { line-height:1.8; }
 dialog { border-radius:16px; }
 .modal-head { background:#fff; }
 .form-footer {
  position:sticky;bottom:0;z-index:2;background:#fff;
  border-top:1px solid var(--line);padding:16px 0;
 }
 .ops-filters { border-radius:14px; }
 .ops-filters button { align-self:end; }
 .ops-ranges { gap:8px;flex-wrap:wrap; }
 .ops-ranges>span { font-size:12px;color:var(--muted);line-height:1.6; }
 .erp-pagination { margin:12px 0; }
 .mapping-mode-tabs { display:flex;gap:8px;margin:0 0 18px;flex-wrap:wrap; }
 .mapping-catalog-filters { align-items:end; }
 .mapping-catalog-filters label { flex:1 1 150px; }
 .mapping-catalog-filters label:first-child { flex-basis:230px; }
 .mapping-catalog-filters .mapping-query { flex-basis:230px; }
 .mapping-catalog-filters input,.mapping-catalog-filters select { width:100%; }
 .mapping-catalog-status,.listing-batch-status { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 20px;color:var(--muted);font-size:13px; }
 .mapping-extra { display:flex;align-items:center;gap:8px;cursor:pointer; }
 .mapping-product-title { max-width:300px;white-space:normal; }
 .mapping-workspace td { vertical-align:middle; }
 .listing-task-toolbar { border:1px solid var(--line);border-radius:12px;align-items:end; }
 .listing-task-toolbar label { display:grid;gap:6px;min-width:200px;flex:1; }
 .listing-task-toolbar select,.listing-task-toolbar input { width:100%; }
 .listing-stats { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .listing-stats>button { display:grid;grid-template-columns:1fr auto;gap:8px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:18px;text-align:left;cursor:pointer; }
 .listing-stats>button:hover { border-color:var(--teal); }
 .listing-stats>button small { color:var(--muted);font-size:12px;grid-column:1/-1; }
 .listing-keyword-cards { display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;padding:0 20px 16px; }
 .listing-keyword-card { display:flex;flex-direction:column;gap:7px;text-align:left;background:#f8fbfb;border:1px solid var(--line);border-radius:10px;padding:14px;cursor:pointer;min-width:0;color:var(--ink); }
 .listing-keyword-card strong { font-size:14px;overflow-wrap:anywhere; }
 .listing-keyword-card span,.listing-keyword-card small { color:var(--muted);font-size:12px;line-height:1.5; }
 .listing-keyword-card:hover,.listing-keyword-card.selected { border-color:var(--teal);background:#edf8f5; }
 .listing-keyword-card[hidden] { display:none; }
 .listing-batch-menu,.listing-task-menu { position:relative; }
 .listing-batch-menu>summary,.listing-task-menu>summary { cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:white;white-space:nowrap; }
 .listing-batch-menu>div,.listing-task-menu>div { position:absolute;right:0;top:42px;z-index:10;min-width:210px;display:grid;gap:8px;padding:12px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 22px #20374015; }
 .listing-batch-menu>div button,.listing-task-menu>div button { text-align:left; }
 nav button.active { box-shadow:inset 3px 0 #56c8b4; }
 @media (min-width:1600px) {
  main { padding-left:36px;padding-right:36px; }
  .metric,.ops-metric { padding:24px; }
 }
 @media (max-width:900px) {
  main { padding:18px 16px 28px; }
  .main-shell>header { padding:0 16px; }
  .page-head { align-items:flex-start;flex-wrap:wrap; }
  .toolbar { padding:12px 14px; }
  .metrics { gap:12px; }
  .metric,.ops-metric { padding:16px; }
  th,td { padding:12px 14px; }
 }
 @media (max-width:520px) {
  .listing-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .listing-stats>button { padding:14px;grid-template-columns:1fr; }
  .listing-keyword-cards { grid-template-columns:1fr;padding:0 14px 14px; }
  .mapping-catalog-status { align-items:flex-start; }
  .listing-task-menu>div { left:0;right:auto; }
  .page-head h1 { font-size:23px; }
  .panel { border-radius:11px; }
  .panel-head { padding:14px;flex-wrap:wrap; }
  .toolbar>label { flex:1 1 140px; }
  .toolbar>input { max-width:none;flex:1 1 100%; }
  .form-footer { gap:10px; }
  .form-footer>button { flex:1; }
 }
}