style: 표/패널 UI 전면 통일 + 화면설명 드로어·글씨크기·탭 개선

표 디자인
- 모든 표를 가벼운 스타일로 통일(.data-table 경량화: 작은 회색 헤더·연한 구분선·hover)
- 표/패널 바깥 테두리 둥글게(rounded-lg) 일괄 적용, 표 래퍼에 패딩 카드(p-4) 통일
- 표 헤더·데이터 정렬을 전 화면 좌측 기준으로 통일
  - .data-table th/td text-align:left (전역), 흩어진 center/right 정렬 정리
  - 재디자인 Tailwind 표(포장단위·단가·기본코드·담당자·업체·판매대행소·무료대상자·지정판매소)도 셀 좌측화
- 기본정보관리 등 나머지 소메뉴 표를 기본 코드 관리 스타일(가벼운 표·상태 pill)로 재디자인

워크스페이스/공통
- "이 화면 설명" → 새 탭 대신 우측 드로어 팝업(현재 화면과 동시에 보기, Esc·드래그 폭조절)
- 상단바 글씨 크기 조절(A−/A+), 작업 내용에 zoom 적용
- 탭 최대치 도달 시 자동 삭제 대신 안내 토스트, "모두 닫기"(업무 현황 탭은 보존)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

app/Views/bag/packaging_units.php

@@ -9,29 +9,47 @@
       <h3 class="text-base font-bold text-gray-700">포장 단위</h3>
       <a href="<?= base_url('bag/packaging-units/manage') ?>" class="text-blue-600 hover:underline text-sm">관리 &rarr;</a>
     </div>
-    <table class="data-table">
-      <thead><tr>
-        <th class="w-16">번호</th><th>봉투코드</th><th>봉투명</th><th>박스당 팩 수</th><th>팩당 낱장 수</th><th>1박스 총 낱장</th><th>적용시작</th><th>적용종료</th><th>상태</th>
-      </tr></thead>
-      <tbody>
-      <?php if (! empty($packagingUnits)): ?>
-        <?php foreach ($packagingUnits as $i => $row): ?>
-        <tr>
-          <td class="text-center"><?= $i + 1 ?></td>
-          <td class="text-center"><?= esc($row->pu_bag_code) ?></td>
-          <td><?= esc($row->pu_bag_name ?? '') ?></td>
-          <td class="text-right"><?= number_format((int) ($row->pu_box_per_pack ?? 0)) ?></td>
-          <td class="text-right"><?= number_format((int) ($row->pu_pack_per_sheet ?? 0)) ?></td>
-          <td class="text-right"><?= number_format((int) ($row->pu_total_per_box ?? 0)) ?></td>
-          <td class="text-center"><?= esc($row->pu_start_date ?? '') ?></td>
-          <td class="text-center"><?= ($row->pu_end_date ?? '') !== '' && $row->pu_end_date !== null ? esc((string) $row->pu_end_date) : '현재' ?></td>
-          <td class="text-center"><?= (int) ($row->pu_state ?? 1) === 1 ? '사용' : '만료' ?></td>
-        </tr>
-        <?php endforeach; ?>
-      <?php else: ?>
-        <tr><td colspan="9" class="text-center text-gray-400 py-4">등록된 포장 단위가 없습니다.</td></tr>
-      <?php endif; ?>
-      </tbody>
-    </table>
+    <div class="overflow-auto">
+      <table class="w-full text-[13px]">
+        <thead>
+          <tr class="text-left text-[11px] font-semibold text-gray-500 border-b border-gray-200">
+            <th class="py-2.5 px-2 w-16 text-left">번호</th>
+            <th class="py-2.5 px-2 text-left">봉투코드</th>
+            <th class="py-2.5 px-2">봉투명</th>
+            <th class="py-2.5 px-2 text-left">박스당 팩 수</th>
+            <th class="py-2.5 px-2 text-left">팩당 낱장 수</th>
+            <th class="py-2.5 px-2 text-left">1박스 총 낱장</th>
+            <th class="py-2.5 px-2 text-left">적용시작</th>
+            <th class="py-2.5 px-2 text-left">적용종료</th>
+            <th class="py-2.5 px-2 text-left">상태</th>
+          </tr>
+        </thead>
+        <tbody>
+        <?php if (! empty($packagingUnits)): ?>
+          <?php foreach ($packagingUnits as $i => $row): ?>
+          <tr class="border-b border-gray-200 last:border-0 hover:bg-gray-50">
+            <td class="py-2.5 px-2 text-left text-gray-500"><?= $i + 1 ?></td>
+            <td class="py-2.5 px-2 text-left font-mono text-gray-700"><?= esc($row->pu_bag_code) ?></td>
+            <td class="py-2.5 px-2 font-medium text-gray-900"><?= esc($row->pu_bag_name ?? '') ?></td>
+            <td class="py-2.5 px-2 text-left text-gray-600"><?= number_format((int) ($row->pu_box_per_pack ?? 0)) ?></td>
+            <td class="py-2.5 px-2 text-left text-gray-600"><?= number_format((int) ($row->pu_pack_per_sheet ?? 0)) ?></td>
+            <td class="py-2.5 px-2 text-left text-gray-600"><?= number_format((int) ($row->pu_total_per_box ?? 0)) ?></td>
+            <td class="py-2.5 px-2 text-left text-gray-500 text-[12px]"><?= esc($row->pu_start_date ?? '') ?></td>
+            <td class="py-2.5 px-2 text-left text-gray-500 text-[12px]"><?= ($row->pu_end_date ?? '') !== '' && $row->pu_end_date !== null ? esc((string) $row->pu_end_date) : '현재' ?></td>
+            <td class="py-2.5 px-2 text-left">
+              <?php if ((int) ($row->pu_state ?? 1) === 1): ?>
+              <span class="inline-block px-2 py-0.5 rounded-full text-[11px] font-medium bg-emerald-50 text-emerald-700">사용</span>
+              <?php else: ?>
+              <span class="inline-block px-2 py-0.5 rounded-full text-[11px] font-medium bg-gray-100 text-gray-500">만료</span>
+              <?php endif; ?>
+            </td>
+          </tr>
+          <?php endforeach; ?>
+        <?php else: ?>
+          <tr><td colspan="9" class="text-center text-gray-400 py-6">등록된 포장 단위가 없습니다.</td></tr>
+        <?php endif; ?>
+        </tbody>
+      </table>
+    </div>
   </section>
 </div>