/* Dev Tools CSS - Styles for development features */

/* ============================================================================
   TOP BAR DEBUG BORDERS (using_Top_Bar)
   ============================================================================ */
/* Show colored borders for top bar elements when enabled via body.dev-tools-topbar-debug */
body.dev-tools-topbar-debug .lesson-title {
  border: 3px solid #ff0000 !important;
}

body.dev-tools-topbar-debug .top-bar {
  border: 3px solid #e6e6fa !important;
}

body.dev-tools-topbar-debug .top-bar .lesson-title,
body.dev-tools-topbar-debug .lesson-title {
  border: 3px solid #ff0000 !important;
}

body.dev-tools-topbar-debug .top-bar .logo,
body.dev-tools-topbar-debug .logo {
  border: 3px solid #0000ff !important;
}

body.dev-tools-topbar-debug .logo {
  border: 3px solid #0000ff !important;
}

body.dev-tools-topbar-debug .top-bar-middle {
  border: 3px solid #4169E1 !important;
}

body.dev-tools-topbar-debug .tbmg {
  border: 2px solid #FF8C00 !important;
}

body.dev-tools-topbar-debug body .top-bar {
  border: 3px solid #e6e6fa !important;
}

/* ============================================================================
   UNDER-DEV LESSON TITLE HIGHLIGHTING (underDevHighlight)
   ============================================================================ */
body.dev-tools-highlight-banner-debug .debug-bg-underdev {
  background-color: #ff6b6b !important;
  color: #fff !important;
}