/* =========================================================
   KV (Key/Value)  ← view 페이지가 예뻐지려면 이 구조가 먹어야 함
   ========================================================= */
.kv{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 720px){
  .kv{ grid-template-columns: 1fr; }
}
.kv-item{
  display:flex;
  gap: 10px;
  padding: 12px 14px;
  border-radius: var(--ui-radius);
  background: #fff;
  border: 1px solid var(--hairline);
  box-shadow: none;
  min-width: 0;
}
.kv-item.full{ grid-column: 1 / -1; }
.kv-k{
  flex: 0 0 88px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  padding-top: 2px;
}
.kv-v{
  flex: 1 1 auto;
  min-width: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* =========================================================
   BADGES (통일 + 색상 체계)
   ========================================================= */

.badge.small{ padding: 4px 9px; font-size: 11px; font-weight: 600; }

/* 점검구분 의미색은 inspection-kind-badge.css에서만 관리한다. */

/* =========================================================
   TABLES
   ========================================================= */
.table-wrap{
  width: 100%;
  overflow: auto;
  border-radius: var(--ui-radius);
  border: 1px solid var(--hairline);
  background: #fff;
  box-shadow: none;
  -webkit-overflow-scrolling: touch;
}
.table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 760px;
  background: transparent;
}
.table th{
  padding: 12px 12px;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  color: var(--muted);
  background: rgba(59,130,246,.06);
  border-bottom: 1px solid var(--hairline);
  position: sticky;
  top: 0;
}
.table td{
  padding: 12px 12px;
  font-size: 12px;
  border-bottom: 1px solid rgba(15,23,42,.06);
  color: var(--text);
}
.table tr:last-child td{ border-bottom: 0; }
.table tbody tr:hover td{ background: rgba(59,130,246,.04); }
.table th.right, .table td.right{ text-align: right; }