body {
      background: #f8f9fa;
      font-family: Arial, sans-serif;
    }

    .page-wrap {
      max-width: 1200px;
      margin: 30px auto;
      padding: 20px;
    }

    .page-title {
      font-weight: bold;
      margin-bottom: 20px;
    }

    .summary-box {
      background: #fff;
      border: 1px solid #ddd;
      border-radius: 10px;
      padding: 15px;
      margin-bottom: 20px;
      font-weight: bold;
      color: #dc3545;
    }

    .table-box {
      background: #fff;
      border-radius: 10px;
      padding: 15px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    }

    .badge-delivery {
      background: #0d6efd;
      color: white;
      padding: 4px 8px;
      border-radius: 6px;
      font-size: 13px;
    }

    .badge-install {
      background: #198754;
      color: white;
      padding: 4px 8px;
      border-radius: 6px;
      font-size: 13px;
    }

    .status-warning {
      color: #dc3545;
      font-weight: bold;
    }

    .empty-text {
      text-align: center;
      padding: 40px;
      color: #777;
      font-weight: bold;
    }

    @media (max-width: 768px) {
      .table {
        font-size: 13px;
      }
    }
    /* ✅ 구분 컬럼 넓이 증가 */
    .type-column {
    width: 110px;
    min-width: 110px;
    text-align: center;
    white-space: nowrap;
    }