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

@@ -40,42 +40,45 @@ $listBasePath = $readOnly ? 'designated-shops/browse' : 'designated-shops';
     <a href="<?= mgmt_url($listBasePath) ?>" class="border border-gray-300 text-gray-600 px-3 py-1 rounded-sm text-sm hover:bg-gray-50">초기화</a>
   </form>
 </section>
-<div class="border border-gray-300 overflow-auto mt-2">
-  <table class="w-full data-table">
+<div class="overflow-auto mt-2">
+  <table class="w-full text-[13px]">
     <thead>
-      <tr>
-        <th class="w-16">번호</th>
-        <th>지자체</th>
-        <th>판매소번호</th>
-        <th>상호명</th>
-        <th>대표자</th>
-        <th>사업자번호</th>
-        <th>가상계좌</th>
-        <th>상태</th>
-        <th>등록일</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-16 text-left">번호</th>
+        <th class="py-2.5 px-2">지자체</th>
+        <th class="py-2.5 px-2">판매소번호</th>
+        <th class="py-2.5 px-2">상호명</th>
+        <th class="py-2.5 px-2">대표자</th>
+        <th class="py-2.5 px-2">사업자번호</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">등록일</th>
         <?php if (! $readOnly): ?>
-        <th class="w-28">작업</th>
+        <th class="py-2.5 px-2 w-28 text-left">작업</th>
         <?php endif; ?>
       </tr>
     </thead>
-    <tbody class="text-right">
+    <tbody>
       <?php foreach ($list as $row): ?>
-      <tr>
-        <td class="text-center"><?= esc($row->ds_idx) ?></td>
-        <td class="text-left pl-2"><?= esc($lgMap[$row->ds_lg_idx] ?? '') ?></td>
-        <td class="text-left pl-2"><?= esc($row->ds_shop_no) ?></td>
-        <td class="text-left pl-2"><?= esc($row->ds_name) ?></td>
-        <td class="text-left pl-2"><?= esc($row->ds_rep_name) ?></td>
-        <td class="text-left pl-2"><?= esc($row->ds_biz_no) ?></td>
-        <td class="text-left pl-2"><?= esc($row->ds_va_number) ?></td>
-        <td class="text-center"><?= (int) $row->ds_state === 1 ? '정상' : ((int) $row->ds_state === 2 ? '폐업' : '직권해지') ?></td>
-        <td class="text-left pl-2"><?= esc($row->ds_regdate ?? '') ?></td>
+      <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"><?= esc($row->ds_idx) ?></td>
+        <td class="py-2.5 px-2 text-gray-600"><?= esc($lgMap[$row->ds_lg_idx] ?? '') ?></td>
+        <td class="py-2.5 px-2 font-mono text-gray-700"><?= esc($row->ds_shop_no) ?></td>
+        <td class="py-2.5 px-2 font-medium text-gray-900"><?= esc($row->ds_name) ?></td>
+        <td class="py-2.5 px-2 text-gray-600"><?= esc($row->ds_rep_name) ?></td>
+        <td class="py-2.5 px-2 font-mono text-gray-700"><?= esc($row->ds_biz_no) ?></td>
+        <td class="py-2.5 px-2 font-mono text-gray-700"><?= esc($row->ds_va_number) ?></td>
+        <td class="py-2.5 px-2 text-left">
+          <?php $isActive = (int) $row->ds_state === 1; ?>
+          <span class="inline-block px-2 py-0.5 rounded-full text-[11px] font-medium <?= $isActive ? 'bg-emerald-50 text-emerald-700' : 'bg-gray-100 text-gray-500' ?>"><?= $isActive ? '정상' : ((int) $row->ds_state === 2 ? '폐업' : '직권해지') ?></span>
+        </td>
+        <td class="py-2.5 px-2 text-gray-500 text-[12px]"><?= esc($row->ds_regdate ?? '') ?></td>
         <?php if (! $readOnly): ?>
-        <td class="text-center">
-          <a href="<?= mgmt_url('designated-shops/edit/' . (int) $row->ds_idx) ?>" class="text-blue-600 hover:underline text-sm">수정</a>
+        <td class="py-2.5 px-2 text-left text-xs">
+          <a href="<?= mgmt_url('designated-shops/edit/' . (int) $row->ds_idx) ?>" class="text-blue-600 hover:underline">수정</a>
           <form action="<?= mgmt_url('designated-shops/delete/' . (int) $row->ds_idx) ?>" method="POST" class="inline ml-1" onsubmit="return confirm('이 지정판매소를 삭제하시겠습니까?');">
             <?= csrf_field() ?>
-            <button type="submit" class="text-red-600 hover:underline text-sm">삭제</button>
+            <button type="submit" class="text-red-600 hover:underline">삭제</button>
           </form>
         </td>
         <?php endif; ?>