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/admin/designated_shop/barcode.php

@@ -1,11 +1,7 @@
 <?= view('components/print_header', ['printTitle' => '지정판매소 바코드 출력']) ?>
 <style>
-.ds-bc-table { width: 100%; border-collapse: collapse; font-size: 12px; }
-.ds-bc-table th, .ds-bc-table td { border: 1px solid #ccc; padding: 4px 6px; }
-.ds-bc-table th { background: #e9ecef; color: #2d3748; }
-.ds-bc-table td { background: #fff; }
-.ds-bc-table td.name-cell { max-width: 14rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.ds-bc-table td.addr-cell { max-width: 24rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+td.name-cell { max-width: 14rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+td.addr-cell { max-width: 24rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .ds-bc-check { width: 14px; height: 14px; }
 </style>
 
@@ -55,17 +51,17 @@
       <label class="inline-flex items-center gap-1 cursor-pointer"><input type="checkbox" id="ds-bc-check-all" class="ds-bc-check"> 전체선택</label>
       <span class="ml-3">선택 건수: <strong id="ds-bc-selected-count">0</strong></span>
     </div>
-    <div class="overflow-auto border border-gray-300 bg-white">
-      <table class="ds-bc-table">
+    <div class="overflow-auto">
+      <table class="w-full text-[13px]">
         <thead>
-          <tr>
-            <th class="w-14">출력</th>
-            <th class="w-36">판매소 코드</th>
-            <th>판매소명</th>
-            <th class="w-24">대표자명</th>
-            <th class="w-32">사업자번호</th>
-            <th>사업장 주소</th>
-            <th class="w-16">상태</th>
+          <tr class="text-left text-[11px] font-semibold text-gray-500 border-b border-gray-200">
+            <th class="py-2.5 px-2 w-14 text-left">출력</th>
+            <th class="py-2.5 px-2 w-36">판매소 코드</th>
+            <th class="py-2.5 px-2">판매소명</th>
+            <th class="py-2.5 px-2 w-24">대표자명</th>
+            <th class="py-2.5 px-2 w-32">사업자번호</th>
+            <th class="py-2.5 px-2">사업장 주소</th>
+            <th class="py-2.5 px-2 w-16 text-left">상태</th>
           </tr>
         </thead>
         <tbody>
@@ -74,18 +70,18 @@
             $st = (int) ($row->ds_state ?? 1);
             $stLabel = $st === 1 ? '사용' : '정지';
           ?>
-          <tr>
-            <td class="text-center"><input class="ds-bc-row-check ds-bc-check" type="checkbox" name="ds_idx[]" value="<?= (int) $row->ds_idx ?>"></td>
-            <td class="text-center text-blue-700"><?= esc((string) ($row->ds_shop_no ?? '')) ?></td>
-            <td class="name-cell text-blue-700" title="<?= esc((string) ($row->ds_name ?? '')) ?>"><?= esc((string) ($row->ds_name ?? '')) ?></td>
-            <td><?= esc((string) ($row->ds_rep_name ?? '')) ?></td>
-            <td><?= esc((string) ($row->ds_biz_no ?? '')) ?></td>
-            <td class="addr-cell" title="<?= esc((string) ($row->ds_addr ?? '')) ?>"><?= esc((string) ($row->ds_addr ?? '')) ?></td>
-            <td class="<?= $st === 1 ? 'text-blue-700' : 'text-red-600' ?>"><?= esc($stLabel) ?></td>
+          <tr class="border-b border-gray-200 last:border-0 hover:bg-gray-50">
+            <td class="py-2.5 px-2 text-left"><input class="ds-bc-row-check ds-bc-check" type="checkbox" name="ds_idx[]" value="<?= (int) $row->ds_idx ?>"></td>
+            <td class="py-2.5 px-2 font-mono text-gray-700"><?= esc((string) ($row->ds_shop_no ?? '')) ?></td>
+            <td class="py-2.5 px-2 name-cell font-medium text-gray-900" title="<?= esc((string) ($row->ds_name ?? '')) ?>"><?= esc((string) ($row->ds_name ?? '')) ?></td>
+            <td class="py-2.5 px-2 text-gray-600"><?= esc((string) ($row->ds_rep_name ?? '')) ?></td>
+            <td class="py-2.5 px-2 font-mono text-gray-700"><?= esc((string) ($row->ds_biz_no ?? '')) ?></td>
+            <td class="py-2.5 px-2 addr-cell text-gray-500" title="<?= esc((string) ($row->ds_addr ?? '')) ?>"><?= esc((string) ($row->ds_addr ?? '')) ?></td>
+            <td class="py-2.5 px-2 text-left"><span class="inline-block px-2 py-0.5 rounded-full text-[11px] font-medium <?= $st === 1 ? 'bg-emerald-50 text-emerald-700' : 'bg-gray-100 text-gray-500' ?>"><?= esc($stLabel) ?></span></td>
           </tr>
           <?php endforeach; ?>
           <?php if (empty($list)): ?>
-          <tr><td colspan="7" class="text-center text-gray-400 py-8">조회된 지정판매소가 없습니다.</td></tr>
+          <tr><td colspan="7" class="text-center text-gray-400 py-6">조회된 지정판매소가 없습니다.</td></tr>
           <?php endif; ?>
         </tbody>
       </table>