:root {
  /* ===== 옅은 하늘색 테마 (Light Mode) - 심플 버전 ===== */
  /* 래퍼 전략: 모든 스타일은 토큰 변수로만 참조 (P1 원칙) */
  /* UX 원칙: SSMS 복제 + 심플/콤팩트 */
  
  /* 기본 배경색 (단색 통일) */
  --yoromis-app-bg: #d8e8f4;
  
  /* 타이틀바 (배경과 동일) */
  --yoromis-titlebar-bg: #e8f0f8;
  --yoromis-titlebar-text: #1a3a5c;
  
  /* 메뉴바 (배경과 동일) */
  --yoromis-menubar-bg: #e8f0f8;
  --yoromis-menubar-border: transparent;
  --yoromis-menu-text: #1a3a5c;
  --yoromis-menu-hover-bg: rgba(0, 80, 160, 0.1);
  
  /* 상태바 (배경과 동일) */
  --yoromis-statusbar-bg: #e8f0f8;
  --yoromis-statusbar-text: #4a6a8a;
  
  /* 콘텐츠 영역 */
  --yoromis-bg-main: #ffffff;
  --yoromis-bg-secondary: #f5f8fc;
  
  /* 테두리/구분선 (거의 안 보이게) */
  --yoromis-border: rgba(0, 60, 120, 0.06);
  --yoromis-border-light: transparent;
  
  /* 텍스트 */
  --yoromis-text-primary: #1a3a5c;
  --yoromis-text-secondary: #5a7a9a;
  
  /* 상호작용 상태 */
  --yoromis-hover-bg: rgba(0, 80, 160, 0.08);
  --yoromis-selected-bg: rgba(0, 100, 200, 0.15);
  
  /* 오류 */
  --yoromis-error-text: #c42b1c;
  
  /* 폰트 (059: 한단계 확대 — tedai.css·column3·layout은 var() 참조) */
  /* 0723-83: 말머리 🟦(U+1F7E6) 등 이모지 글리프 — Segoe UI만이면 윈도우에서 공란으로 보일 수 있음 */
  --yoromis-font: 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Apple Color Emoji', 'Noto Color Emoji', Tahoma, sans-serif;
  /* 메모 본문 기본 폰트 = PM2 1·2열 항목명 폰트와 동일 SSOT */
  --yoromis-wysiwyg-editor-font-family: var(--yoromis-font, 'Segoe UI', Tahoma, sans-serif);
  --yoromis-wysiwyg-editor-text-color: #456078;
  --yoromis-code-font-family: Consolas, "D2Coding", "Noto Sans Mono", monospace;
  --yoromis-font-size: 14px;
  --yoromis-font-small: 12px;
  --yoromis-tab-font-size: 13px;
  /* TeDAI 칸반·큐시트 타이포 스케일 (tedai.css SSOT — 하드 px 금지) */
  --yoromis-tedai-font-2xs: 10px;
  --yoromis-tedai-font-xs: 11px;
  --yoromis-tedai-font-sm: 12px;
  --yoromis-tedai-font-md: 13px;
  --yoromis-tedai-font-lg: 15px;
  --yoromis-tedai-font-board-id: 13px;
  
  /* 높이 */
  --yoromis-titlebar-height: 28px;
  --yoromis-menubar-height: 24px;
  --yoromis-statusbar-height: 22px;
  --yoromis-col-header-height: 24px;
  
  /* 간격 */
  /* 76ㅎ: 초콤팩트 간격(헤더 버튼/아이콘/말머리표) */
  --yoromis-spacing-xxs: 1px;
  --yoromis-spacing-xs: 2px;
  --yoromis-spacing-sm: 4px;
  --yoromis-spacing-md: 8px;
  --yoromis-spacing-lg: 12px;

  /* 76ㅎ: 헤더 버튼 간격(1/2/3열 공통) */
  /* 78ㅎ: 헤더 버튼 간격을 최소로 (헤더 전용 토큰만 조정) */
  --yoromis-col-header-btn-gap: 0px;
  /* 0707: 3열 탭행 KST 시각 ↔ 운영버튼(청소·미게시·백업) 간격 */
  --yoromis-col3-kst-ops-gap: 12px;

  /* 76ㅎ: 1열(L0~2) 말머리표(아이콘) 크기 20% 축소 */
  --yoromis-col1-bullet-size: 11px;
  --yoromis-col1-bullet-width: 14px;

  /* 76ㅎ: 3열(계획서/검수 등) 섹션 헤더 말머리표(▼) 크기 20% 축소 */
  --yoromis-col3-section-caret-size: 6px;

  /* 77ㅎ: 3열 탭 추가(+) 버튼 공통 토큰 (20% 축소, 하드코딩 금지) */
  --yoromis-color-success: #4caf50;
  --yoromis-color-success-hover: #43a047;
  --yoromis-color-on-success: #ffffff;
  --yoromis-col3-tab-add-btn-size: 12px;
  --yoromis-col3-tab-add-btn-font: 11px;
  --yoromis-col3-tab-add-btn-bg: var(--yoromis-color-success);
  --yoromis-col3-tab-add-btn-bg-hover: var(--yoromis-color-success-hover);
  --yoromis-col3-tab-add-btn-text: var(--yoromis-color-on-success);
  
  /* 134ㅐ: 검색 결과 말머리표 공모래 토큰 */
  --yoromis-gs-bullet-size: 9px;
  --yoromis-gs-bullet-name-color: #66bb6a;
  --yoromis-gs-bullet-field-color: #9e9e9e;

  /* 149ㅈ: 상태/말머리표 팔레트 (C/M/R/G/B 재정의) */
  --yoromis-status-cyan: #00BCD4;          /* CYAN */
  --yoromis-status-magenta-clear: #B388FF; /* 맑은 보라 */
  --yoromis-status-red-orange: #D2691E;    /* 짙은 주황 */
  --yoromis-status-green-light: #8BC34A;   /* 연두 */
  --yoromis-status-yellow-deep: #C9A300;   /* 짙은 노랑 */

  /* 1열 C/M/G */
  --yoromis-col1-dot-cyan: #00BCD4;
  --yoromis-col1-dot-magenta: #B388FF;
  --yoromis-col1-dot-green: #8BC34A;

  /* 13:09+ 디자인 복원: 1열 코드-명칭 간격/선택 시각 통일 */
  --yoromis-col1-code-gap-ch: 0ch;
  --yoromis-col1-name-size-l1: 12.5px;
  --yoromis-col1-name-size-l2: 12px;
  --yoromis-col2-l3-size: 12px;
  --yoromis-col1-l1-name-color: #E07A2F;
  /* 2065-04: 공통 선택 기본(범용 컴포넌트) */
  --yoromis-selected-text: var(--yoromis-accent, #2563eb);
  --yoromis-selected-font-weight: 700;
  --yoromis-selected-decoration: underline;
  --yoromis-selected-bg: transparent;
  /* 0701-96: 1·2열 선택 전용(사이언 + 옅은 사이언 반전) */
  --yoromis-col12-selected-text: var(--yoromis-status-cyan, #00BCD4);
  --yoromis-col12-selected-bg: rgba(0, 188, 212, 0.16);
  --yoromis-col12-selected-invert-bg: rgba(0, 188, 212, 0.28);
  --yoromis-col12-selected-invert-text: #084c59;

  /* 276ㅈ: 코드 표기 공모래(모든 목록 공통) */
  --yoromis-code-font-family: Consolas, "SFMono-Regular", Menlo, monospace;
  --yoromis-code-font-size: 12px;
  --yoromis-code-name-gap: 0ch;

  /* 140ㅐ: 검색어 하이라이트 — 3열 본문은 보라·본문보다 큰 글자(25ㅐ, --yoromis-search-hl-font-size) */
  --yoromis-search-hl-color: #faf5ff;
  --yoromis-search-hl-bg: #9333ea;
  --yoromis-search-hl-font-weight: 700;
  --yoromis-search-hl-font-size: 17px;
  --yoromis-search-hl-border-radius: 3px;
  --yoromis-search-hl-padding: 1px 3px;
  /* 25ㅐ: 드롭다운·1·2열 = 본문 크기(inherit)·볼드·덜 산만한 반투명 연두 */
  --yoromis-search-hl-list-bg: rgba(163, 230, 53, 0.33);
  --yoromis-search-hl-list-color: #166534;
  /* 네이티브 드래그 선택 — 3열·편집은 보라, 1·2열·검색 오버레이는 연두(살짝 투명) */
  --yoromis-selection-bg: #d8b4fe;
  --yoromis-selection-color: #4c1d95;
  --yoromis-selection-bg-col12: rgba(187, 247, 208, 0.72);
  --yoromis-selection-color-col12: #14532d;

  /* 22ㅐ: 3열 참고메모 — 장문·복잡 문서 로드 시 일시 확대 플래시 */
  --yoromis-notes-memo-base-font: 12px;
  --yoromis-notes-memo-flash-font: 17px;

  /* 박스 스타일 (심플) */
  --yoromis-border-width: 1px;
  --yoromis-col-gap: 8px;
  --yoromis-col-radius: 4px;
  --yoromis-col-shadow: 0 1px 3px rgba(0, 60, 120, 0.08);

  /* Q42: 메뉴 드롭다운 토큰 */
  --yoromis-menu-dd-bg: #f3f3f3;
  --yoromis-menu-dd-border: #b7b7b7;
  --yoromis-menu-dd-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);
  --yoromis-menu-sub-text: #1e1e1e;
  --yoromis-menu-sub-hover-bg: #cfe8ff;
  --yoromis-menu-sub-hover-border: #84b9e9;
  --yoromis-menu-shortcut-color: #555;
  --yoromis-menu-divider-color: #c7c7c7;
  --yoromis-menu-arrow-color: #4a4a4a;
}

/* 오버레이 스크롤바 공모래 — 네이티브 완전 제거, JS 커스텀 thumb 사용
   정본: overlay_scrollbar.js (OverlayScrollbar 래퍼)
   .osb-container : JS가 자동 부여, .yoromis-auto-scrollbar : 하위호환 */
.yoromis-auto-scrollbar,
.osb-container {
  scrollbar-width: none !important;
}
.yoromis-auto-scrollbar::-webkit-scrollbar,
.osb-container::-webkit-scrollbar {
  display: none !important;
}

/* 140ㅐ: 검색어 하이라이트 — 기본 보라(열 미지정 시 소폭 강조) */
.yoromis-search-hl {
  color: var(--yoromis-search-hl-color, #faf5ff);
  background: var(--yoromis-search-hl-bg, #9333ea);
  font-weight: var(--yoromis-search-hl-font-weight, 700);
  font-size: 14px;
  line-height: 1.35;
  border-radius: var(--yoromis-search-hl-border-radius, 3px);
  padding: var(--yoromis-search-hl-padding, 1px 3px);
}

/* 25ㅐ: 3열 본문 검색 매칭 — 글자 크기 확대 */
.yoromis-app .yoromis-col-3 .yoromis-search-hl {
  font-size: var(--yoromis-search-hl-font-size, 17px);
  line-height: 1.38;
}

/* 25ㅐ: 1·2열 본문 검색 매칭 — 본문 크기·볼드·반투명 연두 */
.yoromis-app .yoromis-col-1 .yoromis-search-hl,
.yoromis-app .yoromis-col-2 .yoromis-search-hl {
  color: var(--yoromis-search-hl-list-color, #166534);
  background: var(--yoromis-search-hl-list-bg, rgba(163, 230, 53, 0.33));
  font-size: inherit;
  line-height: inherit;
  font-weight: var(--yoromis-search-hl-font-weight, 700);
  border-radius: var(--yoromis-search-hl-border-radius, 3px);
  padding: 0 2px;
}

/* 25ㅐ: 글로벌 검색·리스트피커 — 행 기본 글꼴·반투명 연두 */
.yoromis-gs-ov .gs-highlight,
.yoromis-gs-ov .yoromis-gs-highlight {
  color: var(--yoromis-search-hl-list-color, #166534);
  background: var(--yoromis-search-hl-list-bg, rgba(163, 230, 53, 0.33));
  font-size: inherit;
  line-height: inherit;
  font-weight: var(--yoromis-search-hl-font-weight, 700);
  border-radius: var(--yoromis-search-hl-border-radius, 3px);
  padding: 0 2px;
}

/* 25ㅐ: 메타 액션(백업 등) 버튼 라벨은 드래그 선택·검색 하이라이트 대상에서 제외 */
.yoromis-detail-meta button[type='button'] {
  user-select: none;
  -webkit-user-select: none;
}

/* 21ㅐ: 네이티브 선택 — 1·2열은 연두, 3열은 보라 (오버레이는 body 직접 부착이라 앱 루트 밖) */
.yoromis-app .yoromis-col-1 ::selection,
.yoromis-app .yoromis-col-2 ::selection {
  background: var(--yoromis-selection-bg-col12, #bbf7d0);
  color: var(--yoromis-selection-color-col12, #14532d);
}
.yoromis-gs-ov ::selection {
  background: var(--yoromis-selection-bg-col12, #bbf7d0);
  color: var(--yoromis-selection-color-col12, #14532d);
}
.yoromis-app .yoromis-col-3 ::selection {
  background: var(--yoromis-selection-bg, #d8b4fe);
  color: var(--yoromis-selection-color, #4c1d95);
}
.yoromis-app [contenteditable="true"]::selection,
.yoromis-app [contenteditable="true"] ::selection {
  background: var(--yoromis-selection-bg, #d8b4fe);
  color: var(--yoromis-selection-color, #4c1d95);
}

/* 22ㅐ: 3열 메모(참고자료) — 복잡·장문 시 큰 글꼴 플래시 1회 */
@keyframes yoromis-notes-memo-font-flash {
  0%,
  100% {
    font-size: var(--yoromis-notes-memo-base-font, 11px) !important;
    line-height: 1.45 !important;
  }
  14%,
  42% {
    font-size: var(--yoromis-notes-memo-flash-font, 17px) !important;
    line-height: 1.42 !important;
  }
}
@keyframes yoromis-notes-wrap-attention {
  0%,
  100% {
    box-shadow: none;
  }
  14%,
  42% {
    box-shadow: 0 0 0 2px rgba(147, 51, 234, 0.28), 0 4px 14px rgba(147, 51, 234, 0.12);
  }
}
.yoromis-detail-notes-wrap.yoromis-notes-complex-flash {
  border-radius: var(--yoromis-col-radius, 4px);
  animation: yoromis-notes-wrap-attention 1.35s cubic-bezier(0.4, 0, 0.2, 1) 1 both;
}
.yoromis-detail-notes-wrap.yoromis-notes-complex-flash .yoromis-detail-notes {
  animation: yoromis-notes-memo-font-flash 1.35s cubic-bezier(0.4, 0, 0.2, 1) 1 both;
}

/* Q37: 다크모드 토큰 오버라이드 */
body.dark-mode {
  --yoromis-app-bg: #1e1e2e;
  --yoromis-titlebar-bg: #252535;
  --yoromis-titlebar-text: #cdd6f4;
  --yoromis-menubar-bg: #252535;
  --yoromis-menubar-border: #45475a;
  --yoromis-menu-text: #cdd6f4;
  --yoromis-menu-hover-bg: rgba(137, 180, 250, 0.15);
  --yoromis-statusbar-bg: #252535;
  --yoromis-statusbar-text: #a6adc8;
  --yoromis-bg-main: #1e1e2e;
  --yoromis-bg-secondary: #252535;
  --yoromis-border: rgba(205, 214, 244, 0.1);
  --yoromis-border-light: rgba(205, 214, 244, 0.05);
  --yoromis-text-primary: #cdd6f4;
  --yoromis-text-secondary: #a6adc8;
  --yoromis-hover-bg: rgba(137, 180, 250, 0.12);
  --yoromis-selected-bg: transparent;
  --yoromis-selected-text: var(--yoromis-accent, #2563eb);
  --yoromis-selected-decoration: underline;
  --yoromis-col12-selected-text: #66d9e8;
  --yoromis-col12-selected-bg: rgba(0, 188, 212, 0.20);
  --yoromis-col12-selected-invert-bg: rgba(0, 188, 212, 0.36);
  --yoromis-col12-selected-invert-text: #e8fbff;
  --yoromis-error-text: #f38ba8;
  --yoromis-col1-l1-name-color: #fab387;
  --yoromis-search-hl-color: #faf5ff;
  --yoromis-search-hl-bg: #a855f7;
  --yoromis-search-hl-font-size: 17px;
  --yoromis-search-hl-list-bg: rgba(132, 204, 22, 0.38);
  --yoromis-search-hl-list-color: #d9f99d;
  --yoromis-selection-bg: #7c3aed;
  --yoromis-selection-color: #f5f3ff;
  --yoromis-selection-bg-col12: rgba(101, 163, 13, 0.45);
  --yoromis-selection-color-col12: #ecfccb;
  --yoromis-notes-memo-flash-font: 18px;
  --yoromis-menu-dd-bg: #313244;
  --yoromis-menu-dd-border: #45475a;
  --yoromis-menu-dd-shadow: 2px 4px 12px rgba(0, 0, 0, 0.4);
  --yoromis-menu-sub-text: #cdd6f4;
  --yoromis-menu-sub-hover-bg: rgba(137, 180, 250, 0.2);
  --yoromis-menu-sub-hover-border: rgba(137, 180, 250, 0.3);
  --yoromis-menu-shortcut-color: #a6adc8;
  --yoromis-menu-divider-color: #45475a;
  --yoromis-menu-arrow-color: #a6adc8;
}

/* YX034: pre 기본 monospace 대신 앱 토큰 서체(백업 파일명·모달 본문과 동일 계열) */
.yoromis-app pre,
.yoromis-modal-body pre,
pre.yoromis-ui-sans {
  font-family: var(--yoromis-font, 'Segoe UI', Tahoma, sans-serif);
  font-size: var(--yoromis-font-size, 13px);
  line-height: 1.45;
  color: var(--yoromis-text-primary, #1a3a5c);
}