style(spreadsheet): 셀 서식 · 메모 · 찾기 · 패널 창 · 오류 ⚠ 를 부품 모달 · 탭 · 떠 있는 판 · 단추로 (PLAN 553-6)

- 셀 서식 창 = 부품 모달(40rem) · 탭(32) · 칸 = 부품 입력 · 고르기 28 · 자체 판 · 탭 · 칸 CSS 지움
- 메모 편집 = 공용 확인창 판(.ui-confirm) · 글 칸 = 부품 입력
- 찾기 · 바꾸기 = 떠 있는 판(머리 없음) · 칸 24 · 단추 22 · 닫기 = 아이콘 단추
- 데이터 패널 창(조건부 서식 · 유효성 · 이름) = 떠 있는 판(머리 · 닫기 ✕)
- 오류 ⚠ = 아이콘 단추(선 18) · 골라 붙여넣기 · 정렬 칸 · 알약 찾기 칸 = 부품 단추 · 고르기 · 입력
- 옛 보라 별칭 · 날 검정 가림막 → 공통 값(hover · accent · scrim) · 창 닫힘 감시가 모달도 기다림
- 날 단추 23 → 15(남음 = 수식 줄 칸 단추 · 격자 안 ▼ · 알약) · 자체 꼴 규칙 95 → 77 · 격자 색 전후 같음

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

A00_Common/spreadsheet/spreadsheet.css

@@ -109,7 +109,7 @@
   bottom: 40px;
   z-index: 20;
   padding: 6px 10px;
-  border-radius: 4px;
+  border-radius: var(--radius-buttons);
   background: var(--color-primary);
   color: var(--color-primary-text);
 }
@@ -126,6 +126,10 @@
   cursor: pointer;
 }
 
+.ss-brush:hover {
+  background: var(--color-hover);
+}
+
 .ss-brush.is-on {
   background: color-mix(in srgb, var(--color-focus-ring) 20%, var(--color-surface-raised));
   box-shadow: inset 0 0 0 2px var(--color-focus-ring);
@@ -135,19 +139,17 @@
   cursor: copy;
 }
 
-.ss-find {
-  position: absolute;
+/* 찾기 = 떠 있는 판 부품(머리 없음) · 칸 · 단추 = 부품 — 여기는 자리 · 줄 배치만(553-6) */
+.ss-find.ui-float-panel {
   top: 4px;
   right: 16px;
   z-index: 20;
+}
+
+.ss-find > .ui-float-panel__body {
   display: flex;
   flex-direction: column;
   gap: 4px;
-  padding: 8px;
-  border: 1px solid var(--color-border);
-  border-radius: 6px;
-  background: var(--color-surface-raised);
-  box-shadow: var(--shadow-lg);
 }
 
 .ss-find[hidden],
@@ -166,32 +168,17 @@
 
 .ss-find__input {
   width: 180px;
-  padding: 2px 6px;
-  border: 1px solid var(--color-border);
-  background: var(--color-surface-raised);
-  color: var(--color-text-body);
-  font: inherit;
-}
-
-.ss-find__btn {
-  padding: 2px 8px;
-  border: 1px solid var(--color-border);
-  border-radius: 4px;
-  background: var(--color-surface);
-  color: var(--color-text-body);
-  font: inherit;
-  cursor: pointer;
 }
 
 .ss-find__opt {
   display: flex;
   align-items: center;
   gap: 2px;
-  font-size: 12px;
+  font-size: var(--text-caption);
 }
 
 .ss-find__status {
-  font-size: 12px;
+  font-size: var(--text-caption);
   color: var(--color-text-secondary);
 }
 
@@ -223,19 +210,11 @@
   gap: 2px;
   padding: 4px;
   border: 1px solid var(--color-border);
+  border-radius: var(--radius-cards);
   background: var(--color-surface-raised);
   box-shadow: var(--shadow-lg);
 }
 
-.ss-pick > button {
-  padding: 2px 8px;
-  border: 1px solid var(--color-border);
-  background: var(--color-surface);
-  color: var(--color-text-body);
-  font: inherit;
-  cursor: pointer;
-}
-
 /* 함수 자동 완성 · 인자 도움말 */
 .ss-hint {
   position: absolute;
@@ -265,22 +244,17 @@
 }
 
 .ss-hint__item.is-on {
-  background: color-mix(in srgb, var(--color-accent) 18%, var(--color-surface-raised));
+  background: var(--color-accent-soft);
 }
 
 /* 데이터 메뉴 — 패널 창 · 유효성 목록 ▼ */
-.ss-dialog {
-  position: absolute;
+/* 패널 창 = 떠 있는 판 부품 — 여기는 자리 · 크기만(553-6) */
+.ss-dialog.ui-float-panel {
   top: 4px;
   right: 16px;
   z-index: 21;
   max-width: min(720px, calc(100% - 32px));
   max-height: calc(100% - 8px);
-  overflow: auto;
-  border: 1px solid var(--color-border);
-  border-radius: 6px;
-  background: var(--color-surface-raised);
-  box-shadow: var(--shadow-lg);
 }
 
 .ss-dialog[hidden],
@@ -288,20 +262,6 @@
   display: none;
 }
 
-.ss-dialog__head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  padding: 6px 8px;
-  border-bottom: 1px solid var(--color-border);
-  font-weight: bold;
-}
-
-.ss-dialog__body {
-  padding: 8px;
-}
-
 .ss-list-arrow {
   position: absolute;
   z-index: 8;