// Licensed under the Apache License, Version 2.0 (the "License"); you may not
// use this file except in compliance with the License. You may obtain a copy of
// the License at
//
//   http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
// WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
// License for the specific language governing permissions and limitations under
// the License.

@import "../../../../../assets/scss/variables";

.mango-cheatsheet-modal {
  max-width: none!important;
  width: 50%!important;

  .table-wrapper {
    max-height: 300px;
    overflow-y: scroll;
  }
}

.execution-stats {
  font-size: 13px;
  padding: 8px 8px 8px 0;

  .execution-stats-header {
    font-size: 16px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .execution-stats-empty-body {
    font-style: italic;
  }

  .execution-stats-body {
    [data-status="false"] {
      color: $cf-text01-muted;
    }
    [data-status="true"] {
      .value {
        font-weight: bold;
      }
    }
  }
  .warning {
    padding: 0.5rem;
    margin-top: 0.5rem;
    font-weight: 600;
    background-color: $cf-alert-bg;
    color: $cf-alert-color;
    border-left: 4px solid $cf-warning;
    .fonticon-attention-circled {
      margin-right: 4px;
    }
    i::before {
      color: $cf-warning;
    }
  }
}

.explain-view-toggle {
	margin-bottom: 1rem;
}

.explain-json-response {
  padding-left: 0rem;
  margin-top: 1rem;
}

.explain-plan-section-title {
	font-size: 1rem;
	i {
		margin-left: 0.5rem;
	}
}

.explain-reasons-legend-modal {
  max-width: none!important;
  width: 50%!important;

  .table-wrapper {
    max-height: 300px;
    overflow-y: scroll;
  }
}

.explain-index-panel {
  	background-color: $cf-white;
	margin-left: 0.25rem !important;
	margin-right: 0.25rem !important;
	padding: 0.5rem;
	border-top: 1px solid $cf-border-color01;
	border-bottom: 1px solid $cf-border-color01;
	word-break: break-all;
	font-size: 0.875rem;

	.index-ddoc-name {
		font-size: 0.75rem;
	}

	.index-extra-info {
		word-break: normal;
	}

	i.icon {
		margin-left: 0.5rem;
	}

	ul.component-badgelist {
		margin-bottom: 0;
		margin-top: 0;
	}

	li.badge {
		margin-left: 0;
		padding-left: 0;

		div.remove-filter {
			padding: 0.5rem;
			background-color: $cf-info;
			border-radius: 5px;
			span {
				padding: 0;
				margin: 0;
				color: $cf-white;
				font-size: 14px;
			}
		}
	}

	li.covering {
		div.remove-filter {
			background-color: $cf-primary;
			span {
				color: $cf-white;
			}
		}
	}

	li.partitioned {
		div.remove-filter {
			background-color: $cf-tab-element-badge;
			span {
				color: $cf-white;
			}
		}
	}

	.fonticon-attention-circled {
		margin-right: 4px;
	}
}
