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/receiving_scanner.php

@@ -13,7 +13,7 @@
 <div class="mt-2 border border-red-300 bg-red-50 text-red-800 px-3 py-2 text-sm"><?= esc((string) session()->getFlashdata('error')) ?></div>
 <?php endif; ?>
 
-<section class="p-2 bg-white border border-gray-300 mt-2">
+<section class="p-2 bg-white border border-gray-300 rounded-lg mt-2">
   <form method="get" action="<?= base_url('bag/receiving/scanner') ?>" class="flex flex-wrap items-end gap-2">
     <div class="flex flex-col min-w-[14rem] max-w-[22rem]">
       <label class="text-xs text-gray-500 mb-1">제작업체</label>
@@ -39,7 +39,7 @@
   <?= csrf_field() ?>
   <input type="hidden" name="company_idx" value="<?= (int) ($companyIdx ?? 0) ?>" />
 
-  <section class="p-2 bg-white border border-gray-300">
+  <section class="p-2 bg-white border border-gray-300 rounded-lg">
     <div class="grid grid-cols-1 xl:grid-cols-12 gap-2 items-end">
       <div class="xl:col-span-3 flex items-center gap-2">
         <label class="text-sm text-gray-600 shrink-0 w-28">인수자 (대행소)</label>
@@ -72,18 +72,18 @@
     </div>
   </section>
 
-  <div class="border border-gray-300 overflow-auto bg-white">
+  <div class="border border-gray-300 rounded-lg p-4 overflow-auto bg-white">
     <table class="w-full data-table text-sm">
       <thead>
         <tr>
-          <th>발주일자</th>
+          <th class="text-center">발주일자</th>
           <th>봉투종류</th>
-          <th>발주량(매)</th>
-          <th>미입고량(매)</th>
-          <th>입고량(매)</th>
+          <th class="text-right">발주량(매)</th>
+          <th class="text-right">미입고량(매)</th>
+          <th class="text-right">입고량(매)</th>
           <th>제작업체</th>
-          <th>LOT NO</th>
-          <th>발주NO</th>
+          <th class="text-center">LOT NO</th>
+          <th class="text-center">발주NO</th>
         </tr>
       </thead>
       <tbody>