/* TraderMagpie AdminLTE형 커스텀 스타일 (Bootstrap 보완용).
   페이지별 CSS는 static/css/ 에 추가 후 extra_head 블록에서 로드한다. */
body { background: #f4f6f9; }

/* 사이드바: PC에서 상단바 아래 고정 높이 */
@media (min-width: 992px) {
  #sidebar { position: sticky; top: 56px; height: calc(100vh - 56px);
    width: 240px; flex-shrink: 0; overflow-y: auto; }
}
/* 사용자 접기 선택 시 사이드바 숨김 (localStorage 유지, main.js 참고) */
html.sidebar-collapsed #sidebar { display: none; }

/* TradingView 차트 높이. 위젯이 부모 높이를 요구하므로 고정 높이를 쓴다.
   데스크톱 250px, 태블릿 220px, 모바일 200px (기존 절반 이하). */
.tv-chart { height: 250px; }
@media (max-width: 991px) {
  .tv-chart { height: 220px; }
}
@media (max-width: 767px) {
  .tv-chart { height: 200px; }
}

/* 지표/피보 오버레이 차트 높이. */
.lc-chart { height: 420px; }
@media (max-width: 767px) {
  .lc-chart { height: 340px; }
}

/* 우하단 드래그로 높이 조절 가능한 컨테이너 (차트용). */
.resizable { resize: vertical; overflow: auto; min-height: 180px; max-height: 80vh; }
.sidebar-menu .list-group-item { background: transparent; color: #dee2e6; border: none; }
.sidebar-menu .list-group-item:hover { background: #343a40; color: #fff; }
.sidebar-menu .list-group-item.active { background: #0d6efd; color: #fff; }
.sidebar-section { padding: 12px 16px 4px; font-size: 0.8em; color: #adb5bd; }

/* 본문 최대폭 (초광대 모니터 가독성) */
.content { max-width: 1400px; }

/* 반응형 안전장치: 폼 컨트롤이 열보다 커지지 않게 한다. */
form .form-control, form .form-select { max-width: 100%; }
/* 좁은 화면에서 카드 제목이 길면 줄바꿈한다. */
.card-header { overflow-wrap: anywhere; }

/* 비회원 인증 페이지 폭 제한 (가운데 카드 가독성) */
.auth-main { max-width: 720px; }

/* 카드 음영 (AdminLTE형) */
.card { box-shadow: 0 0 4px rgba(0, 0, 0, 0.08); }

/* 양봉/음봉/도지 색상. 상승=청색, 하락=붉은색 (사이트 공통 규칙). */
.bull { color: #0d6efd; font-weight: bold; }
.bear { color: #c0392b; font-weight: bold; }
.doji { color: #777; }