
  .mapping-box {
    margin-top: 14px;
    padding: 15px;
    border: 1px solid #d8e2f0;
    border-radius: 14px;
    background: linear-gradient(180deg,#fbfdff,#f7f9fd);
  }
  .mapping-panel { display: none; }
  .mapping-panel.show { display: block; }
  .mapping-empty {
    margin: 18px;
    min-height: 220px;
    display: grid;
    place-content: center;
    text-align: center;
    gap: 8px;
    color: #64748b;
    border: 1px dashed #cbd5e1;
    border-radius: 16px;
    background: #fafcff;
  }
  .mapping-empty strong { color: #17233b; font-size: 1rem; }
  .mapping-guide {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 10px;
    padding: 14px 16px 4px;
  }
  .mapping-guide > div {
    border: 1px solid #e2e8f0;
    border-radius: 13px;
    padding: 11px 12px;
    background: #fff;
    min-width: 0;
  }
  .mapping-guide strong { display:block; color:#17233b; margin-bottom:3px; font-size:.78rem; }
  .mapping-guide span { color:#64748b; font-size:.72rem; line-height:1.45; }
  .mapping-kpis { grid-template-columns: repeat(6,minmax(0,1fr)) !important; }
  .mapping-toolbar { margin-top: 10px; }
  .mapping-table-wrap td:nth-child(2) { min-width: 300px; max-width: 500px; white-space: normal; }
  .mapping-table-wrap td:nth-child(1) { min-width: 220px; }
  .mapping-badge {
    display: inline-flex;
    align-items:center;
    justify-content:center;
    min-width: 72px;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 850;
    border: 1px solid transparent;
  }
  .mapping-badge.complete { background:#e8f7ef; color:#087443; border-color:#bce7cf; }
  .mapping-badge.req { background:#fff5df; color:#9a5b00; border-color:#f0d59a; }
  .mapping-badge.na { background:#eef2f7; color:#526173; border-color:#d8e0ea; }
  .mapping-before { color:#64748b; font-weight:700; }
  .mapping-remove {
    width: 30px; height: 30px; border-radius: 9px; border:1px solid #e4e9f1;
    background:#fff; color:#9b1c31; cursor:pointer; font-weight:900;
  }
  .mapping-remove:hover { background:#fff1f3; border-color:#f2c8d0; }
  body.ux-modern[data-workspace="results"] #mappingConfig,
  body.ux-modern[data-workspace="lineReportPanel"] #mappingConfig,
  body.ux-modern[data-workspace="mappingPanel"] #lineConfig,
  body.ux-modern[data-workspace="mappingPanel"] #auditConfig,
  body.ux-modern[data-workspace="auditResultsPanel"] #mappingConfig,
  body.ux-modern[data-workspace="floorPanel"] #mappingConfig { display:none !important; }
  body.ux-modern[data-workspace="mappingPanel"] #mappingConfig { display:block !important; }
  body.sidebar-collapsed #mappingConfig { display:none !important; }
  @media (max-width:1180px) { .mapping-kpis { grid-template-columns:repeat(3,minmax(0,1fr)) !important; } .mapping-guide{grid-template-columns:repeat(2,minmax(0,1fr));} }
  @media (max-width:620px) { .mapping-kpis { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } .mapping-guide{grid-template-columns:1fr;} }
