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

@@ -6,16 +6,16 @@
 </section>
 
 <div class="grid grid-cols-1 xl:grid-cols-5 gap-3 mt-2">
-  <section class="xl:col-span-2 border border-gray-300 bg-white">
+  <section class="xl:col-span-2 border border-gray-300 rounded-lg bg-white">
     <div class="px-3 py-2 border-b border-gray-200 bg-gray-50 text-sm font-semibold text-gray-700">접수 리스트(전화)</div>
     <div class="max-h-[72vh] overflow-auto">
       <table class="w-full data-table text-sm">
         <thead>
           <tr>
-            <th class="w-14">번호</th>
-            <th>판매소</th>
-            <th class="w-28">접수일</th>
-            <th class="w-24">상태</th>
+            <th class="w-14 text-center">번호</th>
+            <th class="text-left">판매소</th>
+            <th class="w-28 text-center">접수일</th>
+            <th class="w-24 text-center">상태</th>
           </tr>
         </thead>
         <tbody id="order-list-body">
@@ -38,7 +38,7 @@
     </div>
   </section>
 
-  <section class="xl:col-span-3 border border-gray-300 bg-white">
+  <section class="xl:col-span-3 border border-gray-300 rounded-lg bg-white">
     <div class="px-3 py-2 border-b border-gray-200 bg-gray-50 text-sm font-semibold text-gray-700">상세 정보</div>
 
     <form id="order-detail-form" action="<?= base_url('bag/order/phone/manage/update') ?>" method="POST" class="p-3 space-y-3">
@@ -46,28 +46,28 @@
       <input type="hidden" name="so_idx" id="detail-so-idx" value=""/>
 
       <div class="grid grid-cols-1 md:grid-cols-2 gap-2 text-sm">
-        <div class="border border-gray-200 p-2 bg-gray-50">
+        <div class="border border-gray-200 rounded-lg p-2 bg-gray-50">
           <div><span class="font-semibold text-gray-700">접수번호:</span> <span id="detail-so-no">-</span></div>
           <div><span class="font-semibold text-gray-700">판매소:</span> <span id="detail-shop-name">-</span></div>
           <div><span class="font-semibold text-gray-700">결제구분:</span> <span id="detail-payment">-</span></div>
         </div>
-        <div class="border border-gray-200 p-2 bg-gray-50">
+        <div class="border border-gray-200 rounded-lg p-2 bg-gray-50">
           <div><span class="font-semibold text-gray-700">접수일:</span> <span id="detail-order-date">-</span></div>
           <div><span class="font-semibold text-gray-700">배달일:</span> <span id="detail-delivery-date">-</span></div>
           <div><span class="font-semibold text-gray-700">상태:</span> <span id="detail-status">-</span></div>
         </div>
       </div>
 
-      <div class="border border-gray-300 overflow-auto">
+      <div class="border border-gray-300 rounded-lg p-4 overflow-auto">
         <table class="w-full data-table text-sm">
           <thead>
             <tr>
-              <th class="w-14">번호</th>
-              <th>품목</th>
-              <th class="w-24">단가</th>
-              <th class="w-24">접수량</th>
-              <th class="w-28">접수금액</th>
-              <th class="w-40">포장단위(박스/팩/낱장)</th>
+              <th class="w-14 text-center">번호</th>
+              <th class="text-left">품목</th>
+              <th class="w-24 text-right">단가</th>
+              <th class="w-24 text-right">접수량</th>
+              <th class="w-28 text-right">접수금액</th>
+              <th class="w-40 text-right">포장단위(박스/팩/낱장)</th>
             </tr>
           </thead>
           <tbody id="detail-items-body">