/*!
 * right-dock.css — 오른쪽 전역바 하단 330px 카드형 탭 패널 (다크 버전)
 */

:root{--rdw:330px}

/* ===== 기본 컨테이너 ===== */
#right-dock.rd{
  position:static !important;
  right:auto !important;top:auto !important;left:auto !important;
  width:var(--rdw) !important;
  max-width:var(--rdw) !important;
  height:auto !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  margin-top:10px;
  display:flex;
  flex-direction:column;
  color:#f5f5f5;
}

/* ===== 카드(둥근 라운드 박스) ===== */
#right-dock .rd-card{
  background:#101012;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  box-shadow:0 2px 12px rgba(0,0,0,.8);
  overflow:hidden;
}

/* ===== 상단 탭 바 ===== */
#right-dock .rd__tabs{
  display:flex;
  gap:6px;
  padding:10px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:#111;
}

/* 기본 탭 */
#right-dock .rd__tab{
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:8px;
  background:#18181c;
  color:#bcbcc6;
  font-weight:600;
  font-size:14px;
  cursor:pointer;
  transition:
    border-color .15s ease,
    background .15s ease,
    color .15s ease,
    transform .15s ease,
    box-shadow .15s ease;
}

/* Hover */
#right-dock .rd__tab:hover{
  border-color:rgba(255,255,255,.28);
  background:#1d1d22;
  color:#ffffff;
  transform:translateY(-1px);
  box-shadow:0 4px 14px rgba(0,0,0,.6);
}

/* ===== 활성 탭 (라이트 블루 #5fb4ff) ===== */
#right-dock .rd__tab.is-active{
  border-color:#5fb4ff;
  background:linear-gradient(135deg,#18222d,#0e1318);
  color:#5fb4ff;
  box-shadow:
    0 0 10px rgba(95,180,255,.30),
    0 4px 20px rgba(0,0,0,.85);
  transform:translateY(-1px);
}



/* ===== 기존 패널 임베드(오프캔버스 무력화) ===== */
#right-dock .rd-embed{
  position:static !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  right:auto !important;
  left:auto !important;
  box-shadow:none !important;
  border:none !important;
}
#right-dock .rd-embed .panel-header{
  position:sticky;
  top:0;
  background:#101012;
  border-bottom:1px solid rgba(255,255,255,.08);
}

/* 모션 최소화 존중 */
@media (prefers-reduced-motion:reduce){
  #right-dock,.rd__view,.rd-embed{transition:none}
}