/* AX 워크샵 진행자 콘솔 — 라이트블루 테마 / 가독성 개선 */
:root {
  --sky-50:#f0f9ff; --sky-100:#e0f2fe; --sky-200:#bae6fd; --sky-300:#7dd3fc;
  --sky-400:#38bdf8; --sky-500:#0ea5e9; --sky-600:#0284c7; --sky-700:#0369a1;
  --ink:#0f2942; --ink-soft:#475d72;
}
* { -webkit-tap-highlight-color: transparent; }
html, body { height: 100%; }
body { background: #f0f7ff; color: var(--ink); }

/* 라이트블루 그라데이션 배경 */
.app-bg { background: linear-gradient(180deg,#f0f9ff 0%,#e8f4fd 100%); }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #bae6fd; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #7dd3fc; }
.dark ::-webkit-scrollbar-thumb { background: #334155; }
::-webkit-scrollbar-track { background: transparent; }

.fade-in { animation: fadeIn .28s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.pop-in { animation: popIn .25s cubic-bezier(.34,1.56,.64,1); }
@keyframes popIn { from { opacity:0; transform: scale(.96); } to { opacity:1; transform: scale(1); } }

.pulse-rec { animation: pulseRec 1.2s infinite; }
@keyframes pulseRec { 0%,100% { opacity: 1; } 50% { opacity: .4; } }

/* 카드 공통 */
.card { background:#fff; border:1px solid #e0eefb; border-radius:18px; box-shadow:0 1px 3px rgba(2,132,199,.06), 0 8px 24px -12px rgba(2,132,199,.18); }
.dark .card { background:#0f2030; border-color:#1e3a52; }

/* 안건 네비 */
.agenda-item { transition: all .15s ease; border-left: 5px solid transparent; }

/* 분류 태그 — 화이트/라이트블루 단일 계열 (명도 차이로 구분, 알록달록 제거) */
.tag-pro    { background:#0284c7; color:#fff; }            /* 찬성: 진한 블루 채움 */
.tag-con    { background:#fff; color:#0369a1; border:1.5px solid #7dd3fc; }  /* 반대: 화이트 + 블루 테두리 */
.tag-neutral{ background:#e0f2fe; color:#0369a1; }          /* 중립: 연한 블루 */
.tag-idea   { background:#bae6fd; color:#075985; }          /* 제안: 중간 블루 */
.dark .tag-pro    { background:#0ea5e9; color:#04263a; }
.dark .tag-con    { background:#0c1a28; color:#7dd3fc; border:1.5px solid #1e4a6b; }
.dark .tag-neutral{ background:#0c4a6e; color:#bae6fd; }
.dark .tag-idea   { background:#075985; color:#e0f2fe; }

/* 탭 버튼 */
.tab-btn { transition: all .15s; }
.tab-btn.active { background:#fff; color:#0369a1; box-shadow:0 1px 4px rgba(2,132,199,.18); }
.dark .tab-btn.active { background:#0c4a6e; color:#e0f2fe; }

/* 입력 필드 */
.field { border:1.5px solid #cfe6fb; background:#f8fcff; border-radius:12px; transition:all .15s; }
.field:focus { outline:none; border-color:#38bdf8; background:#fff; box-shadow:0 0 0 4px rgba(56,189,248,.15); }
.dark .field { background:#0c1a28; border-color:#1e3a52; color:#e2e8f0; }

/* 버튼 */
.btn-primary { background:#0284c7; color:#fff; transition:all .15s; }
.btn-primary:hover { background:#0369a1; transform:translateY(-1px); box-shadow:0 6px 16px -6px rgba(2,132,199,.5); }
.btn-soft { background:#e0f2fe; color:#0369a1; transition:all .15s; }
.btn-soft:hover { background:#bae6fd; }
.dark .btn-soft { background:#0c4a6e; color:#bae6fd; }

@media print { body * { visibility: hidden; } #print-area, #print-area * { visibility: visible; } #print-area { position: absolute; left: 0; top: 0; width: 100%; } }
.line-clamp-2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
#toast-wrap { pointer-events: none; }

/* 가로 스크롤바 숨김 (모바일 푸터/탭 등) */
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.no-scrollbar::-webkit-scrollbar { display: none; }