/* Exclusive shared-component styles. Global and layout rules stay shared. */

.mbk-compare-side {
min-width: 0;
}

.mbk-compare-label {
color: var(--chrome-muted);
  font-size: 12px;
  margin: 0 0 8px;
}

.mbk-pane-missing {
align-items: center;
  background: var(--chrome-surface);
  border: 1px dashed var(--chrome-border-strong);
  border-radius: 12px;
  color: var(--chrome-muted);
  display: flex;
  font-size: 12.5px;
  justify-content: center;
  min-height: 240px;
  padding: 20px;
  text-align: center;
}

.mbk-shell--mobile .mbk-pane-missing {
width: 100%;
}