/* Standalone gear.html — full viewport height, white page, overrides index gear column caps */

html.gear-standalone {
  height: 100%;
}

html.gear-standalone body.gear-standalone {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #fff !important;
}

html.gear-standalone body.gear-standalone > #header {
  flex: 0 0 auto;
}

html.gear-standalone body.gear-standalone #main-content {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

html.gear-standalone body.gear-standalone #gear {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: #fff !important;
  padding-top: 24px;
  padding-bottom: 32px;
}

html.gear-standalone body.gear-standalone #gear .gear-container {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

html.gear-standalone body.gear-standalone #gear .gear-container > .row {
  flex: 1 1 auto;
  min-height: 0;
  align-items: stretch;
}

/* Columns fill row height; min-height allows overflow scrolling inside */
html.gear-standalone body.gear-standalone #gear .gear-container > .row > [class*="col-"] {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* Let both panes use remaining viewport (undo index embedded-section max heights) */
html.gear-standalone body.gear-standalone .scrolling-column,
html.gear-standalone body.gear-standalone #gearContainer {
  max-height: none !important;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  max-width: 100% !important;
}

.gear-container {
  max-width: 100%;
  width: 100%;
}

#searchBox {
  margin-bottom: 10px;
}